① H5 video在IOS微信上無法自動播放
一、ios上無法自動播放(autoplay 是失效的)原因:
移動端為了避免浪費用戶的流量,默認video是不能夠自動播放的,即使加了autoplay屬性,也只能實現在PC端自動播放,在移動端依舊不能自動播放。
二、網上探索解決辦法:
方法1、網上好多帖子的解決辦法是監聽微信的WeixinjsBridgeReady
但是我用了後還是沒就解決,還是沒有自己播放。此方法行不通。
2、利用微信js解決。
首先需要引入
然後
最後,try it ! 竟然成功了,進入頁面視頻自動播放了,哦耶!此方法可行!
方法二:
引入微信jssdk,<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
此方法也可行!
② 使用原始videojs ,視頻在播放過程中,碰到進度條,視頻重新播放,安卓出現這個問題,ios暫時沒有發現。
:js當點擊播放按鈕的時候開始計時到5分鍾的時候停止播放視頻事件彈出框
③ 使用 videojs 播放視頻,視頻獲取失敗
<video>標簽添加onerror事件處理,<video src="xxx" onerror="loadErrorMessage()"/>
loadErrorMessage需自己實現
④ Video.js無法播放本地視頻
把視頻放到手機SDCard的video目錄中,source改為:file:///sdcard/video/c2.mp4,你是做phonegap+html5的應用么,我現在用Video.js這個專插件,在Android手機上播放屬有聲音無畫面。
⑤ html5寫的頁面安卓機上能播放視頻,ios上不能播放,誰知道怎麼解決
標准寫法
<videowidth="320"height="240"controls="controls">
<sourcesrc="movie.ogg"type="video/ogg">
<sourcesrc="movie.mp4"type="video/mp4">
.
</video>
source可以放多種格式的視頻,不過放mp4格式的視頻幾乎可以兼容所有視頻。
需要注意的是,mp4格式最好用media encoder軟體轉換一下,輸出為iphone、ios、youtube格式的都可以。
⑥ video.js 問題
等待1-2分鍾應該是ios把視頻全部下載到本地然後才播放的;
有可能是視頻的存儲導致的,有可能是ios開發的方式導致的。