vue視頻加載失敗提示?
遇到的問題
因為video加載有可能失敗,因為使用videoLoadError方法處理視頻加載失敗的情況,結果卻發現無論視頻是否加載成功都會觸發error事件對應的videoLoadError方法,后來又換了onload、onemptied等一系列方法,甚至click都試過了,結果發現依然會立刻觸發。
源代碼。
3、解決方案
3.1、重新設置onerror方法
依然用:error來綁定事件,實際上這里用別的事件,什么click、onload也一樣,但是為了可讀性和控制臺不報錯就毅然使用error事件。
先不給video設置src屬性(因為之后會重新請求,現在不需要請求,減少向服務器的請求次數),然后給videoItem的fileName值作為每個video的id,并在idvideoLoadError傳入videoItem對象,在觸發了videoLoadError方法之后,根據id找到對應的video,然后重新設置onerror對應的方法。