Iframe в fancybox

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> 

Я положил DIV вокруг фрейма, так как видео начали подслушивание, но теперь, она открывается только после нажатия несколько раз, и если она открывается, не-фреймы видео исчезает.

Может ли кто-нибудь помочь мне?

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%" 
}); 

лично я не люблю встроенные фреймы, потому что вы будете добавлять некоторые накладные расходы на вашей странице загрузки среди других вещей.

С другой стороны, моя догадка о вашей проблеме заключается в том, что вы используете fancybox v1.3.4. Если да, то есть известная проблема при использовании встроенных фреймов, которые вы можете прочитать об этом здесь:

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

Она также включает обходную путь я предложил еще в июне 2011 года в случае, если вы действительно хотите придерживаться инлайн iframes с этой версией fancybox.

Кстати, при использовании встроенного содержимого с FancyBox v1.3.4 вы должны знать об этом другой ошибке и обходном https://groups.google.com/forum/#!topic/fancybox/-re22BoXOzM