Fancybox不显示媒体,但IS加载灯箱

时间:2014-01-29 17:06:30

标签: jquery css fancybox spring-webflow-2

http://herfilms.tv/上我在中央图像(沙发)上运行了fancybox,点击后我希望它在I帧中加载特定的vimeo视频。

如您所见,I帧出现但内容无处可寻。

我错过了什么?

此致 萨姆

1 个答案:

答案 0 :(得分:1)

您需要使用vimeo视频的嵌入内容而不是页面的链接。

即:

<iframe src="//player.vimeo.com/video/82215016" width="500" height="213" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/82215016">Rella - Unleash The Tiger</a> from <a href="http://vimeo.com/watchher">her</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

使用embed标签中的src作为锚点的href属性:

像这样:

<a class="fancybox fancybox.iframe" href="//player.vimeo.com/video/82215016">
          <img class="img" src="images/video1.jpg" id="video-1" alt="52e9005308c9b5800e000210_video1.jpg">
        </a>