H5:设置video自动播放

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5:设置video自动播放相关的知识,希望对你有一定的参考价值。

参考技术A

html

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

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

audio元素和video元素在ios和andriod中无法自动播放的情况下,怎么应对?

在手机上播放音频和视频时,都有可能产生较大的流量损耗的,因此audio和video这样的媒体播放控件在手机上都是无法自动播放的,必须由用户手动点击后才能播放,因为这就意味着流量的消耗是经过用户同意的。所以为了避免造成用户反感以及由此产生的可能的纠纷和损失,我们是否要尊重一下系统的这种设定? 参考技术A autoplay放不了吗

以上是关于H5:设置video自动播放的主要内容,如果未能解决你的问题,请参考以下文章

h5 video自动播放

关于H5视频自动播放问题

video自动播放问题+方案

微信端 h5 视频 video 自动播放

手机浏览器自动播放视频video(设置autoplay无效)的解决方案

uniapp微信小程序跳转H5后video自动播放