新闻中心 网络推广 网站建设 优化推广

解决HTML5的video视频标签不自动播放JS方法

先说问题:

在做一个网站的时候,在电脑上测试视频可正常的自动播放,用谷歌浏览器的模拟器测试移动端也可以正常播放。

但是换成手机真机测试的时候发现视频无法自动播放。


再说解决方案:

使用JS让相应的视频自动播放。

1:先给视频添加ID:wapvideo(名字自己随便取)

2:添加如下的JS代码

    
//其他移动端浏览器只能让用户自己触发
$(window).on('touchstart', function(){
    $("#wapvideo")[0].play();
});
// 兼容微信(微信可以自动播放)
document.addEventListener("WeixinJSBridgeReady", function () {
    $("#wapvideo")[0].play();
}, false);


留言

电话微信    15899750475

工作时间:8:30-12:00;13:30-17:00

微信和手机同号,欢迎加微信沟通!

电话

关注公众号

 
微信
Top