单击图像后如何播放/启动YouTubevideo？

我有一个图像，我想在我点击图像后才开始播放YouTubevideo。 我怎样才能做到这一点？

非常感谢！

Answer 1

看一下：

Youtube API示例

代码将是这样的：

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

Answer 2

另一种方法 – 使用“？autoplay = 1”版本切换iframe SRC（URL）。

 PLAY  

jQuery的：

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

Answer 3

.click（） JQuery事件处理程序：

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

Answer 4

我想这会对你有所帮助。 对我来说很好。

 $('.trigger').on('click', function () { $(".video")[0].src += "1"; }); 

 Click  

Answer 5

添加autoplay = 1似乎只是第一次工作。 我正在使用开始/停止按钮，当我第一次点击它时，我添加了autoplay = 1。 然后当我再次点击它时，我删除了autoplay = 1。 这很好。

但是当我尝试再次启动它（添加autoplay = 1）时，它将无法启动。