且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

点击链接 javascript 播放 iframe 视频

更新时间:2022-11-15 17:23:43

这可行,它将 autoplay=1 附加到 url 导致视频开始播放.

This works, it appends autoplay=1 to the url causing the video to start playing.

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

addendum: If your video's source does not already have a querystring then it would be prudent to add a ? instead of a &, as is sometimes the case. This can be done by looking for its existence.

<iframe id="video1" width="520" height="360" src="http://www.***.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>

但是,大多数人天生就明白,如果他们想要播放视频,他们只需点击它,我建议将其留给他们或通过自动播放开始视频.

However, most people inherently understand that if they want a video to play, they will just click on it and I would suggest just leaving that to them or starting the video off with autoplay.

还需要提到自动播放在移动设备(由 Android 或 iOS 驱动)上不起作用

Also need to mention that autoplay does not work on mobile devices (powered by Android or iOS)