解决HTML5的video视频标签不自动播放JS方法
时间：2023-07-17 来源：本站
先说问题：
在做一个网站的时候，在电脑上测试视频可正常的自动播放，用谷歌浏览器的模拟器测试移动端也可以正常播放。
但是换成手机真机测试的时候发现视频无法自动播放。
再说解决方案：
使用JS让相应的视频自动播放。
1：先给视频添加ID：wapvideo(名字自己随便取)
2：添加如下的JS代码
//其他移动端浏览器只能让用户自己触发
$(window).on('touchstart', function(){
$("#wapvideo")[0].play();
});
// 兼容微信(微信可以自动播放)
document.addEventListener("WeixinJSBridgeReady", function () {
$("#wapvideo")[0].play();
}, false);