Ифраме в подарочной коробке

Question

Ифраме в подарочной коробке

0

Мне сложно внедрить видео 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 исчезает.

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

JFK 29 нояб. 2013, в 16:45

Источник

Теги:

jquery

iframe

fancybox

1 ответ

Ещё вопросы

JFK · Answer 1 · 2013-11-29T16-09-00.000Z

А как насчет этого?

<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