jquery - Autostart=1 不启动 YouTube 视频

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

autoplay (supported players: AS3, AS2, HTML5) Values: 0 or 1. Default is 0. Sets whether or not the initial video will autoplay when the player loads.

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>");
});