微信android自动播放视频文件,vue-player或TcPlayer在微信内自动播放video和audio

在微信的Android和iOS环境中,video和audio标签通常不会自动播放以节省流量。解决这个问题的方法包括利用微信JSAPI的WeixinJSBridge.invoke,或者设置autoplay属性。对于Vue框架,需在DOM更新后执行play()。在某些情况下,使用setTimeout也能实现自动播放。对于vue-video-player和TcPlayer组件,也有特定的处理方式。
摘要由CSDN通过智能技术生成

不管是IOS框互理。各近架跳机蓝种近架跳机蓝种近架跳和Android,当video和audio初始src为空,根据点击不同的媒体源(非播放器控件),比如多个章节的视频列表,动态给src赋值并执行play()方法时,大多数的机器并不会执行自动播放的动作,特别是在微信浏览器内。这是因为浏览器内核鉴于节省用户在不知情的情况下一进入页面时造成不必要的流量损失说础开数间行屏。标控近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发据也商蔽最移制近术第发。

IOS自动播遇新是直朋能到放

使用微信JSAPI内置的WeixinJSBridge.invoke方法,绑定getNetworkType事件,返回wifi或是4G网络信息来播放视频。当然你绑定其它的事件也是可以的。

此外,如果想要一加载页面就自动播放,可以使用JSAPI的wx.ready中去执行play()方法去执行,适合于一加载页面就自动播放的业务场景。

上面两种方式是微信在其浏览器里面开放的一些内置接口,当然测试的时候会发现并非所有的IOS版本或部分微信版本都需要在JSAPI里调用,只需要设置autoplay属性即可。

如果项目是使用vue框架,且一开始video或audio标签在是v-if为false的虚拟DOM中,当v-if为true时需要等待DOM更新之后再执行play()方法,即在this.$nextTick的回调函数里执行。

这里还遇到了一个坑,使用vue-video-player组件第一次总是不能自动播放的原因是,视频或音频的url赋值时必须使用this.playerOpt

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值