微信网页全屏播放自动播放问题

微信网页中video自动播放和全屏播放的问题可通过设置H5同层播放器解决。针对Android和iOS的不同特性,可以尝试在onload后调用play()或使用WeixinJSBridgeReady事件触发播放。同时,利用x5-video-player-type、x5-video-player-fullscreen等属性控制全屏模式,通过监听resize事件实现全屏下的自适应布局。
摘要由CSDN通过智能技术生成

video视屏播放在微信网页中的全屏自动播放一直是个很头疼的问提

1.自动播放问题

Android中是无法自动播放了,只能做用户引导页喽,微信app内核webkit版本低不支持

IOS中 加autoplay并且在onload事件之后调用一次play()

<video id="Movies" src="./cdnfile/in.mp4" x5-playsinline="" x5-video-player-fullscreen="true"
       x5-video-player-type="h5" playsinline="true" webkit-playsinline="webkit-playsinline" webkit-playsinline="true" preload="auto" autoplay οnlοad="onReady()"
       οnended="completeVideo()"></video>

function onReady() {
    Movies.play();
}

如果还是无法自动播放,

(方法一)引用微信jssdk,在wx.ready()回调函数中再调用一次video的play()方法,代码如下

<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>
 
wx.ready(function () {
        Movies.play()
 })
(方法二)设置 WeixinJSBridgeReady 自动播放
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值