HTML5的video標(biāo)簽無(wú)法播放視頻怎么解決

HTML5的video標(biāo)簽無(wú)法播放視頻怎么解決？相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法，通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。    

前言

最近發(fā)現(xiàn)了一個(gè)問(wèn)題，在手機(jī)錄制了一個(gè)1.mp4文件，主流瀏覽器都能正常播放。但使用格式工廠將rmvb文件轉(zhuǎn)碼為2.mp4卻不能播放。通過(guò)查找相關(guān)的資料終于解決了，下面分享出來(lái)供大家參考學(xué)習(xí)，下面來(lái)看看詳細(xì)的介紹：

問(wèn)題分析

手機(jī)錄制的視頻屬性：

格式化工廠轉(zhuǎn)碼的視頻屬性：

首先排除代碼問(wèn)題，路徑問(wèn)題，瀏覽器不支持等問(wèn)題。轉(zhuǎn)碼后的視頻編碼是mp4v，這是不能播放的原因，轉(zhuǎn)換為AVC（H264）編碼即可。

查閱文檔，關(guān)于video標(biāo)簽所支持的視頻格式和編碼：

• MPEG4 = 帶有H.264視頻編碼和AAC音頻編碼的MPEG4文件

• WebM = 帶有VP8視頻編碼和Vorbis音頻編碼的 WebM文件

• Ogg = 帶有Theora視頻編碼和Vorbis音頻編碼的Ogg文件
  

通過(guò)上面的信息我們發(fā)現(xiàn)只有h364編碼的MP4視頻（MPEG-LA公司）、VP8編碼的webm格式的視頻（Google公司）和Theora編碼的ogg格式的視頻（iTouch開(kāi)發(fā)）可以支持html5的<video>標(biāo)簽。

解決方法

video標(biāo)簽允許多個(gè)source元素，source元素可以鏈接不同的視頻文件，瀏覽器將使用第一個(gè)可識(shí)別的格式，這樣可用來(lái)解決瀏覽器兼容問(wèn)題。

<video controls="controls" width="100%">
  <source src="1.mp4" type="video/mp4">
  <source src="1.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

以上就是HTML5的video標(biāo)簽無(wú)法播放視頻的具體操作，代碼詳細(xì)清楚，如果在日常工作遇到這個(gè)問(wèn)題，希望你能通過(guò)這篇文章解決問(wèn)題。如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道！