HTML頁面嵌入視頻無法播放的常見原因


HTML5頁面內嵌入視頻有個<video>標簽,<video> 元素支持三種視頻格式:MP4、WebM、Ogg。

昨天使用了一下這個標簽嵌入一段視頻,<source>標簽標示了視頻的路徑和格式,下面有三種格式,瀏覽器會尋找支持的格式的視頻

 

 

發現這段視頻在本地播放器播放正常,可嵌入網頁運行時出現了以下這個問題,就是播放不了,使用幾個瀏覽器,要么顯示無效源要么顯示視頻格式不支持

 

 

百度一波之后上面說,是因為MIME類型里不存在這種那三種格式,需要在MIME類型里說明這些視頻格式:

 

 

 

配置好了之后再次運行,發現還是不可以,每個瀏覽器都顯示不出來,找了好久的原因,終於在<video>標簽使用說明中找到了原因:

 

 

也就是說瀏覽器只支持這些編碼的視頻,不知道是不是這個原因,反正試了再說:

使用格式工廠修改視頻的編碼:

 

 

再次運行,還是出錯了,天!!!再次陷入沉思。。。。

最后在舍友的點明之下,發現原來是路徑寫錯了T_T

但其實就是上面所述的那兩個原因:MIME類型和編碼問題。(后來重新驗證了一下)。


免責聲明!

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



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