HTML5中Video标签有部分MP4无法播放怎么办

这篇文章主要为大家展示了“HTML5中Video标签有部分MP4无法播放怎么办”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML5中Video标签有部分MP4无法播放怎么办”这篇文章吧。

公司专注于为企业提供成都网站制作、成都做网站、外贸营销网站建设、微信公众号开发、商城网站开发,微信平台小程序开发,软件按需定制开发等一站式互联网企业服务。凭借多年丰富的经验,我们会仔细了解各客户的需求而做出多方面的分析、设计、整合,为客户设计出具风格及创意性的商业解决方案,创新互联更提供一系列网站制作和网站推广的服务。

现在网页视频的应用极为广泛,在实际项目中发现有些MP4文件可以在H5网页中正常播放,但有些却不行,这是为什么呢?

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

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

HTML5中Video标签有部分MP4无法播放怎么办

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

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

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

HTML5中Video标签有部分MP4无法播放怎么办

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

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

HTML5中Video标签有部分MP4无法播放怎么办

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

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

HTML5中Video标签有部分MP4无法播放怎么办

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

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

以上是“HTML5中Video标签有部分MP4无法播放怎么办”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网页名称:HTML5中Video标签有部分MP4无法播放怎么办
标题来源:http://pwwzsj.com/article/jopocp.html