Fancybox youtube

时间:2012-02-12 16:38:08

标签: youtube fancybox

我想让一部精彩的YouTube视频开始播放大约12分钟的视频。有人可以帮我实现这个目标吗?无论我尝试过什么,因为我是新手,我无法让视频从我想要的地方开始。

2 个答案:

答案 0 :(得分:3)

我认为您已经设法在fancybox中显示视频而您只想在12分钟选择开始时间,不是吗?

如果是这样,在youtube视频的网址中,只需在末尾添加#t=12m00s(以分钟和秒为单位的时间),如

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

你也可以使用这种格式

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

答案 1 :(得分: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
      }
  });

自定义网址参数方法1:

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

自定义网址参数方法2:

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

对于您的问题,您希望传递此参数:

$( “的fancybox”)。的fancybox({,            助手:{               媒体:真的           },           youtube:{               开始:720           }       });