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

成都創(chuàng)新互聯(lián)是一家專業(yè)提供威信企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站制作、成都網(wǎng)站設計、外貿營銷網(wǎng)站建設、H5開發(fā)、小程序制作等業(yè)務。10年已為威信眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡公司優(yōu)惠進行中。

前言

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

問題分析

手機錄制的視頻屬性：

格式化工廠轉碼的視頻屬性：

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

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

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

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

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

通過上面的信息我們發(fā)現(xiàn)只有h364編碼的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>

以上是如何解決video標簽無法播放mp4的問題的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

標題名稱：如何解決video標簽無法播放mp4的問題-創(chuàng)新互聯(lián)
文章轉載：http://www.chinadenli.net/article30/doepso.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、企業(yè)網(wǎng)站制作、做網(wǎng)站、網(wǎng)站收錄、域名注冊、營銷型網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)