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

        分享一個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號
        主站蜘蛛池模板: 欧美日韩精品一区二区在线播放| 久久99精品久久久久久齐齐| 91精品久久久久久无码| 亚洲国产精品一区二区第一页| 国产成人久久精品麻豆一区| 国产精品区免费视频| 日韩人妻无码精品无码中文字幕 | 精品无码人妻一区二区三区品| 精品国产午夜福利在线观看| 亚洲第一精品福利| 97精品一区二区视频在线观看 | 久久99国产精品成人欧美| 日韩精品一区二区三区四区| 潮喷大喷水系列无码久久精品| 亚洲国产成人精品女人久久久| 精品精品国产高清a毛片| 四虎成人精品免费影院| 久久精品国产亚洲麻豆| 国产成人精品视频在放| 国产成人精品优优av| 国产麻豆一精品一AV一免费| 久久精品aⅴ无码中文字字幕不卡 久久精品aⅴ无码中文字字幕重口 | 精品第一国产综合精品蜜芽| 北岛玲日韩精品一区二区三区| 国产精品视频网| 精品一区二区三区四区| 精品国产一区二区三区久久| 久久国产乱子伦精品免费强| 国产精品怡红院永久免费| 2048亚洲精品国产| 99国产精品国产精品九九| 精品国产v无码大片在线观看| 精品久久久久香蕉网| 国产日韩精品欧美一区| 51午夜精品免费视频| 久久久精品免费国产四虎| 久久免费精品一区二区| 日韩精品一区二区三区四区| 丁香色婷婷国产精品视频| 国产精品一区二区三区99| 国产香蕉国产精品偷在线|