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

我有一个图像，我只想在点击图像后开始YouTube视频。我怎样才能做到这一点？如何在点击图像后播放/启动YouTube视频？

非常感谢！

2011-09-13 Grozav Alex Ioan

本稿示出一些代码。 –

http://code.google.com/intl/fr-FR/apis/youtube/js_api_reference.html –

下面是一个完整的示例文章：http://www.objectpartners.com/2013/08/21/triggering-a-youtube-video-from-click-a-button-image-and-replacement-when-ended/ –

看一看：

Youtube API examples

代码将是这样的：

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

来源

2011-09-13 17:42:33

这里的js不正确。有人可以修复。 – oyvey

另一种方法 - 与版本切换IFRAME SRC（URL） “自动播放= 1？” 。

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

来源

2015-01-16 09:33:42 Marek

使用此方法，如果在浏览器中单击“返回”，则会发生一些混乱 –

自动播放在移动设备上无法使用。 – sk904861

将自动播放= 1只似乎工作的第一次。我使用开始/停止按钮，当我第一次点击它时，我添加了自动播放= 1。然后，当我再次点击它时，我删除了自动播放= 1。这工作正常。

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

来源

2015-05-27 13:20:30

欢迎来到StackOverflow。这似乎是一个评论，而不是一个真正的解决方案。请考虑将其移至评论部分，或将其作为一个问题单独发布。无论如何，祝你有个美好的一天！ – hiergiltdiestfu

.click() JQuery的事件处理程序：

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

来源

2016-12-09 06:41:05 Shahadat

我认为这会帮助你。为我工作得很好。

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

<a href="#" class="trigger">Click</a> 
 
     
 
<iframe class="video" src="https://www.youtube.com/embed/HJX71gFz_do?autoplay=" frameborder="0" allowfullscreen></iframe>

来源

2017-02-21 11:37:56

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

回答

相关问题