jQuery Fancybox视频下载不播放[重复]

Question

这个问题在这里已有答案：

• jQuery FancyBox YouTube videos not working 2回答

我正试图在fancybox中播放视频，但视频正在下载。这是我正在使用的代码：

    $('a.video').on('click', function(event) {
      event.preventDefault();
       $.fancybox({
             type' : 'iframe',
            // hide the related video suggestions and autoplay the video
            'href' : this.href.replace(new RegExp('watch\\?v=', 'i'), 'embed/') + '?rel=0&autoplay=1',
            'overlayShow' : true,
            'centerOnScroll' : true,
            'speedIn' : 100,
            'speedOut' : 50,
            'width' : 640,
            'height' : 480
        });
    });

Answer 1

您的点击功能可能会覆盖fancybox上的呼叫。你应该直接在链接上调用.fancybox()。

<li><a class="video fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">My Video</a></li>

$('.video').fancybox();

http://jsfiddle.net/bevanr01/s7mLkn9j/