Fancybox YouTube

Question

我正在尝试让一个 fancybox YouTube 视频开始播放大约 12 分钟的视频。有人可以帮助我实现这一目标吗？无论我尝试什么，由于我是新手，我都无法让视频从我想要的地方开始。

Answer 1

我假设您已经设法在 fancybox 中显示视频，并且您只想选择 12 分钟的开始时间，不是吗？

如果是这样，请在 YouTube 视频的 URL 末尾添加 #t=12m00s （时间以分钟和秒为单位），就像

http://www.youtube.com/watch?v=JaFVr_cJJIY#t=12m00s

您也可以使用此格式一样

http://www.youtube.com/v/JaFVr_cJJIY&autoplay=1#t=12m00s

Answer 2

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

然而，由于大多数文档都在 Fancybox 1 上，因此需要进行一些挖掘才能找到这一点。Fancybox

会删除您的 YouTube URL 并添加一些默认参数：

• autoplay=1（视频将自动播放）
• autohide= 1（视频播放后控件将隐藏）
• fs=1（启用全屏）
• rel=0（隐藏相关视频）
• hd= 1 （启用高清播放）
• wmode=opaque（修复 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
      }
  });

对于您的问题，您需要传入以下参数：

$ (".fancybox").fancybox({,
助手：{
媒体：真实
},
YouTube ： {
开始： 720
}
});