Question

我正在尝试为YouTube视频创建自己的海报图片。我希望在点击海报图片时开始播放视频。我们的想法是将嵌入代码存储在包含海报图像的DIV属性中，当单击该框时，图像将被删除，嵌入代码被拉出并插入。这里有一个jsfiddle - http://jsfiddle.net/3JAxB/12/

但我无法让autostart = 1工作（Ready代码的第二行）。当我点击图像时，我总是在开始之前获得等待播放的视频。

有没有人看到这个问题？

由于

$(function(){     // Ready
      $('div#video').attr('embed_code', "<iframe width='854' height='510' src='//www.youtube.com/embed/Q1PY_7GNfIw' frameborder='0' allowfullscreen></iframe>");
//    $('div#video').attr('embed_code', "<iframe width='854' height='510' src='//www.youtube.com/embed/Q1PY_7GNfIw?autostart=1' frameborder='0' allowfullscreen></iframe>");

})

    $('#video').click(function () {
    var this$ = $(this); 
    var embedCode = this$.attr('embed_code'); 
       this$.find('.poster').remove();      // remove poster image
       this$.prepend(embedCode);            // put in the YouTube video
    });

Answer 1

它是?autoplay=1，而不是?autostart=1。请参阅YouTube Embedded Players and Player Parameters

自动播放（支持的播放器：AS3，AS2，HTML5）值：0或1.默认值为0.设置播放器加载时初始视频是否自动播放。

WORKING EXAMPLE HERE

$(function(){
    $('div#video').attr('embed_code', "<iframe width='854' height='510' src='//www.youtube.com/embed/Q1PY_7GNfIw?autoplay=1' frameborder='0' allowfullscreen></iframe>");
});

Answer 2

它不是自动启动它的自动播放！

通过自动播放替换自动启动它会起作用！（在小提琴中测试）

自动启动= 1未启动YouTube视频

2 个答案: