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

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

创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于网站制作、成都网站制作、沙河口网络推广、微信小程序、沙河口网络营销、沙河口企业策划、沙河口品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供沙河口建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com

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

本文名称：解决手机微信浏览器视频自动播放和默认全屏问题
文章源于：http://kswsj.cn/article/jcipps.html

关于创新互联

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

其他资讯