html無法播放視頻的解決方法

發(fā)布時(shí)間：2021-04-09 11:13:22 來源：億速云閱讀：1772 作者：小新欄目：web開發(fā)

小編給大家分享一下html無法播放視頻的解決方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

html無法播放視頻的解決辦法：首先打開相應(yīng)的HTML代碼文件；然后在MIME類型里說明MP4和WebM以及Ogg視頻格式；最后修改好視頻的編碼即可。

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

HTML5頁面內(nèi)嵌入視頻有個(gè)<video>標(biāo)簽，<video> 元素支持三種視頻格式：MP4、WebM、Ogg。

昨天使用了一下這個(gè)標(biāo)簽嵌入一段視頻，<source>標(biāo)簽標(biāo)示了視頻的路徑和格式，下面有三種格式，瀏覽器會(huì)尋找支持的格式的視頻

html無法播放視頻的解決方法

發(fā)現(xiàn)這段視頻在本地播放器播放正常，可嵌入網(wǎng)頁運(yùn)行時(shí)出現(xiàn)了以下這個(gè)問題，就是播放不了，使用幾個(gè)瀏覽器，要么顯示無效源要么顯示視頻格式不支持

html無法播放視頻的解決方法

百度一波之后上面說，是因?yàn)镸IME類型里不存在這種那三種格式，需要在MIME類型里說明這些視頻格式：

html無法播放視頻的解決方法

配置好了之后再次運(yùn)行，發(fā)現(xiàn)還是不可以，每個(gè)瀏覽器都顯示不出來，找了好久的原因，終于在<video>標(biāo)簽使用說明中找到了原因：

html無法播放視頻的解決方法

也就是說瀏覽器只支持這些編碼的視頻，不知道是不是這個(gè)原因，反正試了再說：

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

html無法播放視頻的解決方法

再次運(yùn)行，還是出錯(cuò)了，天?。?！再次陷入沉思。。。。

最后在舍友的點(diǎn)明之下，發(fā)現(xiàn)原來是路徑寫錯(cuò)了T_T

但其實(shí)就是上面所述的那兩個(gè)原因：MIME類型和編碼問題。（后來重新驗(yàn)證了一下）。

以上是“html無法播放視頻的解決方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

猜你喜歡