iframe在花式盒子中

Question

我很难将Iframed视频实现到fancybox中。

这是我的代码：

<a href="#movie-wrapper" class="showmovie fancybox">
 <div id="movie-wrapper">
   <iframe id="movie" width="300" height="169" src="<?=$this->getElement("contextPath");?>/movie/<?= $this->getElement("movieId"); ?>/iframe"></iframe>
 </div>
</a>

我在iframe周围放置了一个div，因为视频开始出现问题，但是现在，它仅在单击几次后才打开，如果打开，则未被iframe的视频会消失。

谁能帮我吗？

Answer 1

那怎么办呢？

<a href="<?=$this->getElement("contextPath");?>/movie/<?= $this->getElement("movieId"); ?>/iframe" class="showmovie fancybox">open video</a>

和脚本

$(".fancybox").fancybox({
    type: "iframe",
    width: "80%", // or whatever
    height: "80%"
});

我个人不喜欢嵌入式iframe，因为您将在页面加载中增加一些开销。

另一方面，我对您的问题的猜测是您正在使用fancybox v1.3.4。 如果是这样，则在使用嵌入式iframe时存在一个已知问题，您可以在此处阅读有关此问题的更多信息：

https://groups.google.com/forum/#!topic/fancybox/1zIbmk31sgs

它还包括我在2011年6月提出的解决方法，以防您真的想使用该版本的fancybox内嵌iframe。

顺便说一句，如果在fancybox v1.3.4中使用内联内容，则必须注意此其他错误和解决方法https://groups.google.com/forum/#!topic/fancybox/-re22BoXOzM