解决手机微信浏览器视频自动播放和默认全屏问题-创新互联

1.早期因为带宽和流量的因素,移动端浏览器禁止视频自动播放,现在现在流量便宜了、手机硬件越来越好了,部分可支持了
2.在移动端浏览器, video 在用户点击播放或者通过API video.play() 触发播放时,会强制以全屏置顶的形式进行播放,设计的初衷可能是因为全屏能提供更好的用户体验

创新互联建站主要从事成都网站建设、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务二连浩特,10年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

playsinline="true" webkit-playsinline="true 解决ios自动播放全屏问题

x5-video-player-type="h6" x5-video-player-fullscreen="true" 解决安卓同层级播放

3.ios微信下通过 WeixinJSBridgeReady 事件进行自动播放

document.addEventListener(
    'WeixinJSBridgeReady',
    function() {
        var video = document.getElementById("ckplayer_a1");
        video.play();
    },
    false
);

安卓可以尝试监听touchstart事件,用户触摸屏幕后自动播放

document.addEventListener('touchstart', function(){ 
    var video = document.getElementById("ckplayer_a1");
        video.play();
}, false);

4.推荐几个好用的第三方SDK播放器
ckplayer:http://www.ckplayer.com/
阿里云:https://player.alicdn.com/aliplayer/presentation/index.html?type=preview
腾讯:https://cloud.tencent.com/document/api/267/5706
七牛的:https://developer.qiniu.com/pili/sdk/4621/web-player-sdk

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前标题:解决手机微信浏览器视频自动播放和默认全屏问题-创新互联
转载注明:http://hbruida.cn/article/pdeih.html