2.在移动端浏览器, video 在用户点击播放或者通过API video.play() 触发播放时,会强制以全屏置顶的形式进行播放,设计的初衷可能是因为全屏能提供更好的用户体验
<video controls="controls" src="" id="ckplayer_a1" x5-video-player-type="h5" preload="metadata" playsinline="true"
webkit-playsinline="true" x-webkit-airplay="true"x5-video-orientation="portraint" x5-video-player-fullscreen="true">
</video>
playsinline="true" webkit-playsinline="true 解决ios自动播放全屏问题
x5-video-player-type="h5" 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);