video/audio在ios/android上播放兼容


1.audio自動播放

 1 <audio src='xxx.mp3' autoplay></audio> 

上面是audio標簽autoplay屬性是自動播放,但是在安卓部分瀏覽器和ios的safari是不會自動播放。
在微信,安卓和ios大部分機子都可以知道播放。
測試iphone5和iphone6s在升級到相同版本的情況下,iphone5微信可以自動播放,iphone6s不會自動播放。這種情況可參考:http://www.w3cmark.com/2016/434.html

在易信,ios可以自動播放,安卓不能自動播放。

參考頁面需要注意的地方:就是會執行兩次函數方法,在易信好像會執行3次的情況,安卓沒測試,可以自行測試。

解決方案:

ios:微信、易信自動播放,
安卓:微信自動播放

其他瀏覽器:設置一個前置頁或者按鈕引導用戶觸發事件執行audio的play()方法。

2.video自動播放

 1 <video src="xxx.mp4" autoplay></video> 

情況基本和audio一致。有點點小差別就是在安卓易信,視頻不會自動播放,需要手動。

那么解決方案里就要把安卓易信也歸為上面提到的其他瀏覽器處理方案。

3.video安卓微信視頻播放完隱藏不了,一直保持視頻推薦界面的問題進不了下個原要顯示界面

(視頻推薦界面-圖)

 

開始以為視頻播放完觸發ended事件執行video標簽隱藏,結果不行~,會不會ended事件沒觸發,然后再ended回調函數里放了個alert測試,

測試是有觸發到alert的,那么證明ended事件是正常執行的。
然后就想,既然能執行,我就再狠一點,ended之后把video標簽整個remove掉。最后最后,還是不行!!

之后就各種查,各種嘗試,各種不行。

目前只有把下一個界面通過跳轉頁面的方式去跳轉。location.href = '下一個界面路徑'

(希望能有不跳轉頁面的方法解決這個問題)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM