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 = '下一個界面路徑'

（但願能有不跳轉頁面的方法解決這個問題）