如何處理循環(huán)播放的視頻被暫停播放的問題
瀏覽器可能會因?yàn)閮?nèi)存或處理器等原因而停掉循環(huán)播放的視頻,以減輕系統(tǒng)負(fù)擔(dān)。這種情況尤其可能發(fā)生在移動設(shè)備上。為了避免這個問題,可以采取以下解決方案:
通過監(jiān)聽 `timeupdate` 事件,并檢查視頻當(dāng)前的時間是否和視頻長度相等來判斷視頻是否正在循環(huán)播放,并進(jìn)一步檢查視頻是否暫停。
示例代碼:
注意:設(shè)置了 loop 屬性的 <video> 標(biāo)簽,不會觸發(fā) ended 事件,因此該事件不能用來監(jiān)聽處理該問題,使用去掉 loop 屬性,使用 ended 監(jiān)聽處理視頻會出現(xiàn)卡頓。
標(biāo)簽: