Fancybox youtube答案

【问题标题】：Fancybox youtubeFancybox youtube
【发布时间】：2012-02-12 16:38:07
【问题描述】：

我正在尝试让一个花哨的 YouTube 视频在 12 分钟后开始播放。有人可以帮助我实现这一目标吗？无论我尝试过什么，由于我是新手，我无法让视频从我想要的位置开始。

【问题讨论】：

【解决方案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

【讨论】：

【解决方案2】：

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

但是，由于大多数文档都在 Fancybox 1 上，因此需要进行一些挖掘。

Fancybox 去除您的 YouTube 网址并添加一些默认参数：

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
      }
  });

自定义网址参数方法一：

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

自定义网址参数方法二：

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

对于你的问题，你要传入这个参数：

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

【讨论】：