主頁 > 知識庫 > 解決html5中video標簽無法播放mp4問題的辦法

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

熱門標簽:聯(lián)通400電話申請 電話機器人如何 西寧智能外呼系統(tǒng)加盟 飛亞外呼系統(tǒng) 高德地圖標注賓館位置 杭州營銷電銷機器人供應商 電視購物電銷外呼系統(tǒng) 貸款電銷人工和機器人哪個好 百應電銷機器人產(chǎn)業(yè)

前言

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

問題分析

手機錄制的視頻屬性:


 

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


 

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

查閱文檔,關于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>

總結

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

標簽:晉中 撫州 煙臺 牡丹江 內(nèi)蒙古 玉溪 安慶 邯鄲

巨人網(wǎng)絡通訊聲明:本文標題《解決html5中video標簽無法播放mp4問題的辦法》,本文關鍵詞  解決,html5,中,video,標簽,;如發(fā)現(xiàn)本文內(nèi)容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《解決html5中video標簽無法播放mp4問題的辦法》相關的同類信息!
  • 本頁收集關于解決html5中video標簽無法播放mp4問題的辦法的相關信息資訊供網(wǎng)民參考!
  • 推薦文章