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，因为视频开始窃听，但现在，它只在点击几次后打开，如果打开，非iframed视频就会消失。

任何人都可以帮助我吗？

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

iframe在fancybox中

1 个答案: