vedio标签在微信浏览器下不会默认视频封面第一帧

我要去拯救地球

于 2023-08-30 15:07:37 发布

阅读量1.1k

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/xuanmeimei123/article/details/132582523

版权

文章讲述了在微信浏览器中使用video标签时，如何通过添加`preload=metadata`和`#t=1`以及处理WeixinJSBridgeReady事件来确保视频封面显示和自动播放在安卓机上正常工作，但在iOS环境下仍需额外代码解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vedio标签在微信浏览器下不会默认视频封面第一帧
解决：
vedio标签加上：preload=“metadata”，src里加上#t=1，设置autoPlay属性时可忽略preload属性。
以上在安卓机的微信浏览器下已经正常了，但是在IOS环境下还是不行。于是加入以下代码。成功解决

document.addEventListener(
                "WeixinJSBridgeReady",
                function onBridgeReady() {
                    document.querySelector("video").play()
                    document.querySelector("video").pause()
                }
            );