Вот мой 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, и видео не будет отображаться, если я не использую видео, используемое в демонстрации
Проблема в том, что этот формат 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
ПРИМЕЧАНИЯ:
/watch?v=
URL (ссылки устанавливаются пользователем или динамически), то удалите класс fancybox.iframe
из вашей ссылки и вместо этого используйте помощник media fancybox. Подробнее см. Http://fancyapps.com/fancybox/#examples ==> расширенную функциональность.false
, проверьте qaru.site/questions/6689416/... для получения дополнительной информации.