youtube - 阻止YouTube通过Fancybox自动播放？

Question

如果我在YouTube链接上添加了Fancybox(而不是像通常那样没有fancybox嵌入代码)，如何避免在页面加载时自动播放？

我希望能够单击该图像以开始播放。

http://www.estherwarda.com/wci/homepage/

Answer 1

如果您使用的是最新版本的Fancybox(2+)，那么YouTube和Vimeo现在可以很好地被识别和处理。

但是，由于大多数文档都在Fancybox 1上，因此需要花一些时间才能找到答案。

Fancybox会剥离您的YouTube URL，并添加一些默认参数:

autoplay = 1 (视频将自动播放)

autohide = 1 (视频播放后控件将隐藏)

fs = 1 (启用全屏)

rel = 0 (隐藏相关视频)

hd = 1 (启用高清播放)

wmode =不透明(使用YouTube和灯箱修复z-index)

enablejsapi = 1 (启用Javascript API)

这意味着通常您可以在URL中传递这些参数并应用它们，但Fancybox 2会忽略这些参数，并返回到预设值。

别沮丧!您可以覆盖脚本中的那些。几种方法。

普通媒体嵌入:

  $(".fancybox").fancybox({
      helpers : {
          media: true
      }
  });

自定义URL参数方法1:

  $(".fancybox").fancybox({
      helpers : {
          media: {
              youtube : {
                  params : {
                      autoplay : 0
                  }
              }
          }
      }
  });

自定义URL参数方法2:

  $(".fancybox").fancybox({,
       helpers : {
          media: true
      },
      youtube : {
          autoplay: 0
      }
  });

在helpers> jquery.fancybox-media.js文件中查找更多详细信息(检查注释)。 Fancybox 2还支持多种URL格式，因此您无需担心应该使用哪个URL版本(即youtube.com/watch?v=###与youtu.be/###)。