- 相關(guān)推薦
解決html5中video標(biāo)簽無(wú)法播放mp4問(wèn)題
關(guān)于解決html5中video標(biāo)簽無(wú)法播放mp4問(wèn)題的辦法，文中介紹的非常詳細(xì)，相信會(huì)對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。
前言
最近發(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)只有h264編碼的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>
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
【解決html5中video標(biāo)簽無(wú)法播放mp4問(wèn)題】相關(guān)文章：
HTML5中canvas標(biāo)簽實(shí)現(xiàn)刮刮卡效果10-15
如何解決PHP無(wú)法實(shí)現(xiàn)多線程的問(wèn)題08-20
Dreamweaver解決網(wǎng)頁(yè)制作中的空格問(wèn)題10-26
如何解決usb鼠標(biāo)和鍵盤(pán)無(wú)法識(shí)別問(wèn)題08-21
usb鼠標(biāo)和鍵盤(pán)無(wú)法識(shí)別問(wèn)題如何解決08-13
解決Dreamweaver中關(guān)于應(yīng)用CSS的小問(wèn)題08-14
如何解決PHP在Windows IIS上傳的圖片無(wú)法訪問(wèn)的問(wèn)題07-07
ppt播放時(shí)不能全屏解決方法11-04