最近的一个前端外包的项目中，写的页面在chrome中打开时，video标签都不能自动播放（奇怪的是相同的视频，两个月前在chrome下播放还是正常的；但现在，mac下一直无法播放，只有在controls的模式下点击播放按钮才可以播放；而windows下按F5刷新后可以播放，但是右键刷新页面无法播放），Firefox却是正常播放。

最后找到了一篇博客说是要在video标签中添加muted属性，亲测有效，代码如下：

<video controls=“controls” muted=“muted” autoplay=“autoplay”><source src=“vedio/qietu.mp4” type=“audio/mp4”></source></video>

原理就是大多数浏览器在都支持静音的视频播放，如果你的视频需要有声音，或者要用音频，这个还是不能解决问题。

问题2

视频太大导致的不能自动播放问题（原因往往在于，视频要播放的时候，视频本身还没加载完。。。）基于这个思路，我写了这个代码，就是反复的去执行播放操作，成功以后停止，亲测有用。

var play = setInterval(function(){

console.log(1);

var myVideo = $(‘#video’)[0]; //获取视频video

if (myVideo.paused){

myVideo.play();

}else{

clearInterval(play);

//myVideo.pause();

}

},100)

以上为切图网 qietu.com原创，转载请注明来源。