1. 程式人生 > >關於HTML5中Video標簽無法播放mp4的解決辦法

關於HTML5中Video標簽無法播放mp4的解決辦法

src 無法 配置 type get 測試 不同的 alt mage

1、首先先排除掉代碼問題、路徑問題、瀏覽器不支持問題等常規問題,這些問題另行百度。

<video  width="500px" height="300px" autoplay="autoplay">
    <source src="D:/video/hbg.mp4" type="video/mp4">
</video>


2、首先我自己從網上下載的一個MP4文件,IE10和谷歌都能正常播放。然後自己用格式化工廠轉換了一個RMVB文件為MP4,然後就不能播放。

如下圖,我選擇MP4格式轉換,裏面的配置文件也調了很多遍,但是就是播放不了,IE10完全沒反應,谷歌倒是能出聲音,但是影像出不來。

技術分享

3、我直接在文件右擊屬性裏面看文件屬性-詳細信息,基本都一樣。

4、我用potplayer播放兩個不同的文件,用potplayer查看2個文件的屬性,發現了不一樣的地方,

網上下載的能正常使用video標簽播放的視頻屬性如下圖

技術分享

我們可以看到視頻編碼是AVC

而我自己用格式化工廠轉碼的視頻編碼如下

技術分享

發現我自己轉碼的視頻編碼是mp4v。

5、在格式化工廠裏面找到AVC編碼的格式,如下圖

技術分享

6、選用AVC格式的編碼,重新轉碼後,使用video標簽播放就可以正常播放了。

PS:瀏覽器對HTML5支持測試頁面

http://chrome.360.cn/test/html5/index.html

關於HTML5中Video標簽無法播放mp4的解決辦法