视频库与fancyBox

Question

我正在尝试在网页上创建视频库。

我选择 fancyBox 。我已经得到它的工作。但是我有两个问题。

首先
我希望一旦页面呈现，列表中的第一个视频就会显示出来。

第二
我不希望vidoe自动启动。我希望用户手动启动它们。

这是关于小提琴的工作代码：

http://jsfiddle.net/Xh3B2/

例如，见下图

但是，目前您需要在第一个视频显示在页面上之前单击链接。即

我的代码;

视频＃1

视频＃2

function videoFancyBox()  {                     
    $(".fancybox")
        .attr('rel', 'gallery')
        .fancybox({
            openEffect  : 'none',
            closeEffect : 'none',
            nextEffect  : 'none',
            prevEffect  : 'none',
            padding     : 0,
            margin      : [20, 60, 20, 60] // Increase left/right margin
        });
 }

更新 肯尼迪肯定地回答了第一个问题;我只需要将它放在hte代码的末尾：.eq（0）.click（）;

但是，我仍然无法自动启动视频;我改变了链接中的一个参数

 autoplay= 0; 

然而，视频在加载后仍在运行

<a class="fancybox_video fancybox.iframe" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=0&enablejsapi=1&wmode=opaque">Video #1</a>

Answer 1

视频播放器自动开始禁用，将自动播放= 1 更改为自动播放= 0 ......

http://www.youtube.com/embed/L9szn1QQfas?autoplay=0&wmode=opaque

Answer 2

解决第一个问题，只需在你的fancybox初始化脚本的末尾添加.eq(0).click()，如

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        // API options
    })
    .eq(0).click();

方法.eq(0)定位第一个（索引0）选择器.fancybox，方法.click()在其之后触发编程点击页面加载。

对于第二个问题，只需按照@user10

的建议将结尾参数autoplay更改为0