1.早期因为带宽和流量的因素，移动端浏览器禁止视频自动播放，现在流量便宜了、手机硬件越来越好了，部分可支持了
2.在移动端浏览器， video 在用户点击播放或者通过API video.play() 触发播放时，会强制以全屏置顶的形式进行播放，设计的初衷可能是因为全屏能提供更好的用户体验
<video controls="controls" src="" id="ckplayer_a1" x5-video-player-type="h5" x5-video-player-fullscreen="true" preload="metadata" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-orientation="portraint"></video>
playsinline="true" webkit-playsinline="true" 解决ios自动播放全屏问题
x5-video-player-type="h5" x5-video-player-fullscreen="true" 解决安卓同层级播放
3.ios微信下通过 WeixinJSBridgeReady 事件进行自动播放
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
document.addEventListener(
'WeixinJSBridgeReady',
function() {
var video = document.getElementById("ckplayer_a1");
video.play();
},
false
);
</script>
安卓可以尝试监听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
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
苏公网安备 32070502010230号