浏览器视频播放相关问题

案例背景在大banner背景图下，PC短时间以视频为背景，移动端不播放不显示视频。定时操作视频标签，添加自动播放属性。效果video标签不能自动播放。经典视频无法自动播放。解决办法是给video标签加上mute属性。结果是视频可以播放，点击刷新（初始化）后还是播放不了，然后解决判断当前视频是否加载。如果已加载，则可以播放，然后使用fadein()显示变化的标签，达到加载的目的。$("#myVideo").on('canplay',function(){$(".videoBg").fadeIn();$("#myVideo").autoplay=true;});结果强制刷新的时候OK，没有别的。..另一种解决方法：查看w3c视频标签，可以看到视频的就绪状态，于是想到了判断当前视频的就绪状态。如果准备就绪或有缓冲视频，则开始播放if(document.getElementById("myVideo").readyState==4||document.getElementById("myVideo").readyState==1){$(".videoBg").fadeIn();$("#myVideo").autoplay=true;document.getElementById("myVideo").play()}终于解决了。