HTML5技术

解决HTML5的Video标签,有部分MP4无法播放的问题 - 我们都是程序猿

字号+ 作者:H5之家 来源:H5之家 2017-07-26 14:00 我要评论( )

现在网页视频的应用极为广泛,在实际项目中,北京网站制作公司云点互联发现有些MP4文件可以在H5网页中正常播放,但有些却不行,这是为什么呢? 1、首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4

现在网页视频的应用极为广泛,在实际项目中,北京网站制作公司云点互联发现有些MP4文件可以在H5网页中正常播放,但有些却不行,这是为什么呢?

1、首先我自己从网上下载的一个MP4文件,IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4,然后就不能播放。

如下图,我选择MP4格式转换,里面的配置文件也调了很多遍,但是就是播放不了,IE10完全没反应,谷歌倒是能出声音,但是影像出不来。

2、我直接在文件右击属性里面看文件属性-详细信息,基本都一样。

3、我用potplayer播放两个不同的文件,用potplayer查看2个文件的属性,发现了不一样的地方,

网上下载的能正常使用video标签播放的视频属性如下图

我们可以看到视频编码是AVC

而我自己用格式化工厂转码的视频编码如下

发现我自己转码的视频编码是mp4v。

4、在格式化工厂里面找到AVC编码的格式,如下图

5、选用AVC格式的编码,重新转码后,使用video标签播放就可以正常播放了。

归根结底,还是视频编码格式的问题,并不是网页程序的问题。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 我的初学html5 canvas - 言语无声

    我的初学html5 canvas - 言语无声

    2017-07-25 11:01

  • HTML5 | Web Storage - hugh.dong

    HTML5 | Web Storage - hugh.dong

    2017-07-25 10:00

  • HTML5 | Canvas 基本操作 - hugh.dong

    HTML5 | Canvas 基本操作 - hugh.dong

    2017-07-25 09:01

  • HTML5 — Wed SQL 本地数据库示例 - gdwkong

    HTML5 — Wed SQL 本地数据库示例 - gdwkong

    2017-07-23 10:00

网友点评
>