關於HTML5中Video標籤沒法播放mp4的解決辦法

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

 

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


二、首先我本身從網上下載的一個MP4文件,IE10和谷歌都能正常播放。而後本身用格式化工廠轉換了一個RMVB文件爲MP4,而後就不能播放。html5

 

以下圖,我選擇MP4格式轉換,裏面的配置文件也調了不少遍,可是就是播放不了,IE10徹底沒反應,谷歌卻是能出聲音,可是影像出不來。chrome

三、我直接在文件右擊屬性裏面看文件屬性-詳細信息,基本都同樣。瀏覽器

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

網上下載的能正常使用video標籤播放的視頻屬性以下圖測試

咱們能夠看到視頻編碼是AVC編碼

而我本身用格式化工廠轉碼的視頻編碼以下code

發現我本身轉碼的視頻編碼是mp4v。視頻

五、在格式化工廠裏面找到AVC編碼的格式,以下圖htm

 

六、選用AVC格式的編碼,從新轉碼後,使用video標籤播放就能夠正常播放了。

 

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

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

相關文章
相關標籤/搜索