单击图像后如何播放/启动YouTube视频？

Question

我有一个图像,我想在我点击图像后才开始播放YouTube视频.我怎样才能做到这一点？

非常感谢!

Answer 1

看一下:

Youtube API示例

代码将是这样的:

function onPlayerReady(event) {
    $('img').click(function() { 
        ytPlayer.playVideo();
    });
}

Answer 2

.click() JQuery事件处理程序:

$("#clickMe").click(function(){
  $("#iframe")[0].src += "&autoplay=1";
  ev.preventDefault();
});

Answer 3

另一种方法 - 使用"？autoplay = 1"版本切换iframe SRC(URL).

<a href="#" id="clickMe">PLAY</a>

<iframe id="iframe" width="1280" height="720" src="//www.youtube.com/embed/F0naUkyEkmM" 
            data-autoplay-src="//www.youtube.com/embed/F0naUkyEkmM?autoplay=1"></iframe>

jQuery的:

jQuery("#clickMe").on('click',function(){
    var vi = jQuery("#iframe");
    vi.attr("src", vi.data("autoplay-src") );
});