微信平台(小程序或公众号)中音视频自动播放的方法

微信平台(小程序或公众号)中音视频自动播放的方法,第1张

众所周知,audio或video标签有一个自动播放的属性,即autoplay,但是在真实项目中,我们会发现给音视频标签添加了autoplay属性后,音视频并不会自动播放,依然需要手动点击,这是因为谷歌等主流内核都禁用了autoplay属性,如果我们希望自动播放,还需要另辟蹊径。写完小项目后,笔者将解决办法粘贴 出来,供个人以及部分笔者后期参考(本文只提供微信平台提供的解决办法)。

1.在跳转到H5上面 autoplay 无效。

2.网上搜索过各种方法,目前各大厂也需要用户点击方可播放,但是如果加上muted=true 静音播放,在跳转过来变可以自动播放了。

但是需要手动来开启声音。还是不推荐使用,通常处于用户体验,节省流量来考虑的话,一进来还是手动点击才人性化。最好尽量引导手动点击。

3.参考https://blog.csdn.net/qq_43628847/article/details/120706080

HTML:

注意这里的 muted ,如果不加的话,在普通的浏览器当中是不会自动播放的,但是存在缺陷,自动播放的话会默认静音。

在之前的项目里,我这里的界面是用web-view嵌套在微信小程序使用的,所以就将 muted 去掉了,然后通过微信的 WeixinJSBridgeReady 方法来唤起video的自动播放,可以实现有声播放。

JS:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7858700.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存