1. 程式人生 > >video標籤無法播放視訊

video標籤無法播放視訊

現象:使用video播放視訊,在ios上能播放,但是在瀏覽器和安卓上不能播放

前置條件:

1.network沒有該視訊的下載
2.通過在媒體元素中新增<source>元素而不是設定src屬性,且source元素的src屬性通過js賦值(最重要的原因)

原因:

通過<source>元素指定媒體源,媒體元素無法知道是否已經將一系列元素都新增完畢了,因此它不會開始選擇並載入<source>元素制定的媒體原始檔,除非使用load顯式載入
(ios內建瀏覽器可以,可能處理機制不一樣)

解決:

在對video賦值後,重新觸發video標籤的播放事件
這裡寫圖片描述