1.早期因?yàn)閹捄土髁康囊蛩兀苿?dòng)端瀏覽器禁止視頻自動(dòng)播放，現(xiàn)在流量便宜了、手機(jī)硬件越來(lái)越好了，部分可支持了
2.在移動(dòng)端瀏覽器， video 在用戶(hù)點(diǎn)擊播放或者通過(guò)API video.play() 觸發(fā)播放時(shí)，會(huì)強(qiáng)制以全屏置頂?shù)男问竭M(jìn)行播放，設(shè)計(jì)的初衷可能是因?yàn)槿聊芴峁└玫挠脩?hù)體驗(yàn)
<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自動(dòng)播放全屏問(wèn)題
x5-video-player-type="h5" x5-video-player-fullscreen="true" 解決安卓同層級(jí)播放
3.ios微信下通過(guò) WeixinJSBridgeReady 事件進(jìn)行自動(dòng)播放
<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>
安卓可以嘗試監(jiān)聽(tīng)touchstart事件，用戶(hù)觸摸屏幕后自動(dòng)播放
document.addEventListener('touchstart', function(){
var video = document.getElementById("ckplayer_a1");
video.play();
}, false);
4.推薦幾個(gè)好用的第三方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
您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。
蘇公網(wǎng)安備 32070502010230號(hào)