站長資訊網
        最全最豐富的資訊網站

        分享一個video標簽無法播放mp4的問題以及解決方案

        這篇文章主要給大家介紹了關于解決html5中video標簽無法播放mp4問題的辦法,文中介紹的非常詳細,相信會對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起看看吧。

        前言

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

        問題分析

        手機錄制的視頻屬性:

        分享一個video標簽無法播放mp4的問題以及解決方案

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

        分享一個video標簽無法播放mp4的問題以及解決方案

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

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

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

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

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

        通過上面的信息我們發現只有h264編碼的MP4視頻(MPEG-LA公司)、VP8編碼的webm格式的視頻(Google公司)和Theora編碼的ogg格式的視頻(iTouch開發)可以支持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>

        【相關推薦】

        1. 免費h5在線視頻教程

        2. HTML5 完整版手冊

        3. php.cn原創html5視頻教程

        4. 分享HTML5制作Banner的實例

        5. 概述HTML5的強大與未來發展

        6. H5 video標簽只能放聲音不能放視頻的解決辦法

        7. IIS的MIME未注冊MP4類型,導致無法識別vidoe標簽的解決辦法

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 亚洲永久永久永久永久永久精品 | 精品久久人妻av中文字幕| 精品久久久久久国产| 狼色精品人妻在线视频| 久久精品国产亚洲Aⅴ香蕉| 国产成人高清精品免费观看| 国产亚洲婷婷香蕉久久精品| 国产精品视频第一区二区三区| 亚洲精品第一国产综合境外资源 | 欧美精品国产一区二区三区| 国产精品内射婷婷一级二| 精品午夜久久福利大片| 精品人人妻人人澡人人爽人人| 四虎精品免费永久免费视频| 国产一在线精品一区在线观看 | 国产亚洲美女精品久久久久狼| 久久久一本精品99久久精品88| 亚洲欧美国产精品第1页| 欧美精品亚洲精品日韩精品| 久久精品中文字幕一区| 国产乱人伦偷精品视频不卡| 国产精品第1页| 国产精品hd免费观看| 国产成人1024精品免费 | 国产成人精品久久综合| 92国产精品午夜福利免费| 视频二区国产精品职场同事| 精品综合久久久久久97超人| 国产92成人精品视频免费| 99精品国产一区二区三区2021 | 国产精品成人观看视频国产奇米| 国产福利91精品一区二区三区| 日韩欧美一区二区三区中文精品| 精品乱子伦一区二区三区高清免费播放 | 亚洲欧美精品午睡沙发| 欧美日韩精品久久久免费观看 | 国产精品一区二区三区99| 国产精品一区在线观看你懂的| 国产精品尹人在线观看| 国产一区二区精品尤物| 欧美激情精品久久久久久久九九九|