ios和安卓video在微信内置浏览器无法自动播放

最新推荐文章于 2025-03-11 16:51:32 发布

星魂csq

最新推荐文章于 2025-03-11 16:51:32 发布

阅读量1.5k

点赞数 1

文章标签： ios android 微信 html 前端 javascript

本文链接：https://blog.youkuaiyun.com/qq_37514538/article/details/134593551

版权

html结构

<video loop muted playsinline preload="metadata" autoplay>
    <source src="/resource/img/video/EPIC2024_v3.mp4" type="video/mp4">
</video>

1. muted 必须先静音

2.js 脚本

function onBridgeReady(){
    //这个方法在ios能自动播放，在安卓机上还是不可以
	WeixinJSBridge.invoke("getNetworkType", {}, function(){ 
        $('video')[0].currentTime = 0; //这一句是解决安卓没有自动播放，但是可以加载视频封面出来，不至于显示空白
		$('video')[0].play();		            	
    });
}
if (typeof WeixinJSBridge == "undefined") {
    if (document.addEventListener) {
        setTimeout(function(){
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady(), true);
        },1000)
    }
} else {
    onBridgeReady() 
}