解決html5中video標簽無法播放mp4問題

　　關(guān)于解決html5中video標簽無法播放mp4問題的辦法，文中介紹的非常詳細，相信會對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。

　　前言

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

　　問題分析

　　手機錄制的視頻屬性：

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

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

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

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

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

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

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

　　解決方法

　　video標簽允許多個source元素，source元素可以鏈接不同的視頻文件，瀏覽器將使用第一個可識別的格式，這樣可用來解決瀏覽器兼容問題。

　　<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>

　　總結(jié)

　　以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

【解決html5中video標簽無法播放mp4問題】相關(guān)文章：

HTML5中canvas標簽實現(xiàn)刮刮卡效果10-15

HTML5的Audio標簽使用詳解08-09

如何解決PHP無法實現(xiàn)多線程的問題08-20

Dreamweaver解決網(wǎng)頁制作中的空格問題10-26

如何解決usb鼠標和鍵盤無法識別問題08-21

usb鼠標和鍵盤無法識別問題如何解決08-13

解決Dreamweaver中關(guān)于應(yīng)用CSS的小問題08-14

如何解決PHP在Windows IIS上傳的圖片無法訪問的問題07-07

ppt播放時不能全屏解決方法11-04