javascript - 单击链接javascript播放iframe视频

Question

我在我的网页中使用了 iframe 视频。这是我的html代码

<iframe id="video1" width="520" height="360" src="http://www.youtube.com/embed/TJ2X4dFhAC0?enablejsapi" frameborder="0" allowtransparency="true" allowfullscreen></iframe>
<a href="#" id="playvideo">Play video</a>

我需要播放 视频 onclick 播放视频链接。我该怎么做？

Answer 1

这有效，它将 autoplay=1 附加到导致视频开始播放的 url。

附录:如果您的视频源还没有查询字符串，那么最好添加 ? 而不是 &，有时就是这样。这可以通过寻找它的存在来完成。

<iframe id="video1" width="520" height="360" src="http://www.youtube.com/embed/TJ2X4dFhAC0?enablejsapi" frameborder="0" allowtransparency="true" allowfullscreen></iframe>
<a href="#" id="playvideo">Play video</a>
<script>
 //use .one to ensure this only happens once
 $("#playvideo").one(function(){
  //as noted in addendum, check for querystring exitence
  var symbol = $("#video1")[0].src.indexOf("?") > -1 ? "&" : "?";
  //modify source to autoplay and start video
  $("#video1")[0].src += symbol + "autoplay=1";
 });
</script>

但是，大多数人天生就明白，如果他们想要播放视频，他们只需点击它，我建议将这个留给他们，或者让视频自动播放。

还需要指出的是，自动播放在移动设备(由 Android 或 iOS 驱动)上不起作用