播放iframe视频点击链接javascript

Question

我iframe video在我的网页上使用了一个.这是我的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>

我需要play视频onclick播放视频链接.我怎样才能做到这一点？

Answer 1

这有效,它会附加autoplay=1到导致视频开始播放的网址.

附录:如果你的视频来源还没有查询字符串,那么添加一个?而不是一个是谨慎的&,有时就是这种情况.这可以通过寻找它的存在来完成.

<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提供支持)

Answer 2

我在结束 src 中正确设置 - ?autoplay=1

   <iframe id="video1" width="450" height="280" src="http://www.youtube.com/embed/TJ2X4dFhAC0?enablejsapi" frameborder="0" allowtransparency="true" allowfullscreen></iframe>
    <a href="#" id="playvideo">Play button</a>
    <script>
     $("#playvideo").click(function(){
      $("#video1")[0].src += "?autoplay=1";
     });
    </script>