Мне сложно внедрить видео 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>
Я положил div вокруг iframe, потому что видео начало прослушивание, но теперь оно открывается только после нажатия пару раз, и если оно открывается, видео без iframe исчезает.
Может кто-нибудь мне помочь?
А как насчет этого?
<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 года, если вы действительно хотите придерживаться встроенных iframe с этой версией fancybox.
BTW, если вы используете встроенный контент с fancybox v1.3.4, вы должны знать об этой другой ошибке и обходном пути https://groups.google.com/forum/#!topic/fancybox / -re22BoXOzM