播放iframe视频点击链接javascript

前端之家收集整理的这篇文章主要介绍了播放iframe视频点击链接javascript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在网页上使用了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>

我需要播放视频点击播放视频链接.我怎样才能做到这一点?

解决方法

这样做,它将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提供支持)

猜你在找的HTML相关文章