Question

<a href="http://www.youtube.com/watch?v=bzrboNXdhH4" class="TESTER123" id="hello"><%= image_tag("youtube.png", id:"YouTube", class: "img-rounded") %></a>

我正在使用以下代码在精美的方框中打开视频，但我希望视频一旦打开就会自动播放，但它不能正常工作，而且视频最后也不应该是另一个建议的视频。我尝试在视频链接“＆amp; autoplay = 1”和“＆amp; rel = 0”中添加，但它不适用于我。

任何人都可以帮助我吗？

（抱歉，我忘了提到我使用的是NivoLightbox NOT Fancybox）

Answer 1

这个问题很老了，但是如果有其他人遇到它，这个工作（用Vimeo测试，也应该和youtube一起使用）：

$('.TESTER123').nivoLightbox({
    afterShowLightbox: function(){
        src = $('.nivo-lightbox-content > iframe').attr('src');
        $('.nivo-lightbox-content > iframe').attr('src', src + '?autoplay=1');
    }
});

Answer 2

像这样设置fancybox，它应该可以工作：

$('.TESTER123')
    .fancybox({
        helpers   : {
            media : true
        },
        youtube : {
            params : {
                autoplay : 1,
                showinfo : 0,
            }
        }
    });

NivoLightbox自动播放youtube视频

2 个答案: