1.早期因爲帶寬和流量的因素,移動端瀏覽器禁止視頻自動播放,現在現在流量便宜了、手機硬件越來越好了,部分可支持了
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);