解决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);