Fancybox,播放带有开始时间和自动播放的YouTube视频

时间:2015-03-12 20:33:38

标签: javascript jquery html youtube fancybox

我正在使用Fancybox播放YouTube视频。按预期工作。视频弹出并播放效果很好。 但是,我想在点击我的视频时同时使用AUTOPLAY和Start Time。

这是我正在尝试的网址。

http://www.youtube.com/watch?v=BwaKZ4r5fQM&autoplay=1&t=0m47s

自动播放工作正常,但忽略了开始时间。

有什么建议吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

最简单的方法是使用fancybox媒体助手

1)。加载fancybox媒体助手js文件:

<script type="text/javascript" src="{your correct path}/helpers/jquery.fancybox-media.js"></script>

2)。只设置您的YouTube网址,而不使用任何参数:

<a class="fancybox" href="http://www.youtube.com/watch?v=BwaKZ4r5fQM">Start YouTube in fancybox at 47 secs</a>

3)。在您的fancybox自定义初始化脚本中启用媒体助手使用以下格式传递youtube参数:

jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        helpers: {
            media: true
        },
        youtube: {
            autoplay: 1, // enable autoplay
            start: 47 // set start time in seconds (embed)
        }
    }); // fancybox
}); // ready

注意:媒体助手将以 embed 格式转换视频网址,如:

http://www.youtube.com/embed/BwaKZ4r5fQM

...参数t={mm}m{ss}s不再有效。

使用youtube 嵌入式播放器,您可以使用start参数,然后选择数字 来选择开始时间秒所需的开始时间(正如我们在fancybox初始化脚本中所做的那样)

JSFIDDLE