jQuery Fancybox 视频正在下载不播放 [重复]答案

【问题标题】：jQuery Fancybox video is downloading not playing [duplicate]jQuery Fancybox 视频正在下载不播放 [重复]
【发布时间】：2014-09-19 15:03:40
【问题描述】：

我正在尝试在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
        });
    });

【问题讨论】：

标签： jquery fancybox fancybox-2

【解决方案1】：

您的 click 函数可能会覆盖对 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/

【讨论】：

好的，谢谢！已更新。
@KevinDavis ：快速回答，是的，具体取决于视频类型。如果您正在播放 mp4 视频，我建议您使用 mediaelement.js 插件。我写了一篇关于它的教程picssel.com/play-mp4-videos-with-mediaelement-js-in-fancybox ...您仍然可以使用相同的代码来播放 youtube 视频（查看教程下方的 cmets 以获取说明）
是的，应该是同一个概念。请确保 href 指向正确的位置。
好的，谢谢...我去看看..
听起来不错@KevinDavis 如果可行，请接受我的回答。我厌倦了无法评论其他答案，我只需要 +2 声望！