fancyBox - YouTube видео не будет отображаться

0

Вот мой HTML:

<a class="various fancybox.iframe" href="http://www.youtube.com/watch?v=PzBk4-awY40"><div id="video_nav"><h3 class="nav_text">Video</h3></div></a>

И jQuery

$(document).ready(function() {
$(".various").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'elastic',
    closeEffect : 'none'
});
});

Я изменил свой код из демонстрации, используя самую последнюю версию fancyBox, и видео не будет отображаться, если я не использую видео, используемое в демонстрации

Теги:
fancybox
lightbox

1 ответ

1
Лучший ответ

Проблема в том, что этот формат URL

http://www.youtube.com/watch?v=PzBk4-awY40

... не будет работать в режиме iframe (вы устанавливаете класс fancybox.iframe в своей ссылке).

Вы можете использовать embedded формат youtube, который работает на устройствах, которые не поддерживают flash

http://www.youtube.com/embed/PzBk4-awY40

Кроме того, вы можете добавить параметр ?autoplay=1 trailing, если вы хотите, чтобы ваши видео запускались сразу после открытия fancybox

JSFIDDLE

ПРИМЕЧАНИЯ:

  • Если вы действительно хотите придерживаться формата /watch?v= URL (ссылки устанавливаются пользователем или динамически), то удалите класс fancybox.iframe из вашей ссылки и вместо этого используйте помощник media fancybox. Подробнее см. Http://fancyapps.com/fancybox/#examples ==> расширенную функциональность.
  • чтобы избежать известной проблемы iframe (в основном с IE), я бы посоветовал установить предварительную загрузку iframe в false, проверьте qaru.site/questions/6689416/... для получения дополнительной информации.
  • 0
    Офигенно спасибо за помощь

Ещё вопросы

Сообщество Overcoder
Наверх
Меню