一.微信瀏覽器(x5內(nèi)核):
1.不能自動播放
2.全屏
3.最頂層(z層的最頂層)
二.ios系統(tǒng)解決方案:
<video id="video" controls="" preload="none" mediagroup="myVideoGroup"
poster="http://media.w3.org/2010/05/sintel/poster.png">
<source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
<source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm">
<source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg"> <p>您的瀏覽器不支持HTML5的video標簽</p>
</video>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script>
//一般情況下,這樣就可以自動播放了太闺,但是一些奇葩iPhone機不可以 document.getElementById('car_audio').play(); //必須在微信Weixin JSAPI的WeixinJSBridgeReady才能生效 document.addEventListener("WeixinJSBridgeReady", function () { document.getElementById('car_audio').play(); document.getElementById('video').play(); }, false); </script>
三.android系統(tǒng)中解決方案:
誤區(qū):(無效的解決方案)
1.設(shè)置video屬性autoplay漩绵;
2.通過js調(diào)用play();
3.通過js來觸發(fā)click事件;
4.使用插件videojs魏身;
5.通過js調(diào)用load()然后再調(diào)用play();
6.設(shè)置video屬性webkit-playsinline="true"惊橱;
7.touchstart監(jiān)聽;
8.stalled事件處理箭昵;
9.canplaythrogh事件處理税朴;
10.readyState大于2的處理;
11.DOMContentLoaded監(jiān)聽家制;
12.微信js api中WeixinJSBridgeReady正林;
13.微信js api中g(shù)etNetworkType;
14.白名單颤殴;
轉(zhuǎn)載自 http://www.cnblogs.com/zlp520/p/6410739.html