解决部分MP4视频不能使用HTML5的Video标签播放的问题

时间:2024-03-16 20:29:14

1、今天系统文章编辑人员反馈,上传的MP4格式的视频不能在浏览器上正常播放:IE10完全没反应,Chrome能出声音,不显示影像。

2、使用格式工厂的工具集中的多媒体文件信息工具,查看不能正常播放的MP4视频文件的信息,发现编码格式:HEVC

解决部分MP4视频不能使用HTML5的Video标签播放的问题解决部分MP4视频不能使用HTML5的Video标签播放的问题

3、查看以往上传的可以正常播放的MP4视频文件的编码格式:AVC

解决部分MP4视频不能使用HTML5的Video标签播放的问题

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

解决部分MP4视频不能使用HTML5的Video标签播放的问题

解决部分MP4视频不能使用HTML5的Video标签播放的问题

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

总结:

MP4视频不能播放的问题,排除代码问题,路径问题,浏览器不支持等问题后,发现是MP4视频编码问题,转换为AVC(H264)编码后即可以正常播放。

查阅文档,关于video标签所支持的视频格式和编码:

  • MPEG4 = 带有H.264视频编码AAC音频编码的MPEG4文件
  • WebM = 带有VP8视频编码Vorbis音频编码的 WebM文件
  • Ogg = 带有Theora视频编码 Vorbis音频编码的Ogg文件