不同编码的MP4视频在各大游览器播放总结

最新推荐文章于 2025-05-01 14:55:38 发布

原创最新推荐文章于 2025-05-01 14:55:38 发布 · 5.4k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#MP4视频编码

在处理内部网站视频播放问题时，发现部分MP4视频无法在浏览器中播放。原因在于不同的MP4视频编码导致。通过格式工厂可以查看和转换视频编码。转换后，创建HTML文件进行本地测试，以检查不同浏览器的播放兼容性。

近期在日常测试工作中有运营的同学反馈，在我们的内部网站中上传的视频出现了播放不了的情况，因为之前为方便统一，后端做了限制，只能上传mp4格式的视频，但同样都是MP4的视频，有的可以在游览器中播放有的不能播放，所以我这边就和公司的后端大神一起调查这个事情。
百度了一番发现具体原因如下：（原文链接：https://www.cnblogs.com/yerr1990/p/6065621.html）
在这里插入图片描述
那么问题来了，我如何才能知道我的mp4视频的编码方式呢？
大家可以下载格式工厂，不仅能查看视频编码方式，还能转变视频的编码方式
第一步：点击左侧的MP4

第二步：点击添加文件

第三步：点击这个标识就能查看视频的详细信息了，包括编码方式
在这里插入图片描述

第四步：如果想转化视频的编码格式，点击‘输出配置’，然后转变视频编码，点击‘确认’后，跳转至首页，然后点击‘开启’就能成功转了

视频转化成功了，那么如何查看改变了编码格式的视频在各个游览器中的播放情况呢？
给大家介绍一个简单的方法，新建一个txt，然后修改后缀名为html，接着可以用nodepad++编写html语言，只需要把src后面的参数换成视频名称就行，然后就是要注意视频文件要和html文件在同一目录下，接下来更改打开方式就好

<video src="MPEG4(Xvid).mp4" controls="controls" width="300"></video>
<video src="HEVC(H265).mp4" controls="controls" width="300"></video>
<video src="MPEG4(DIVX).mp4" controls="controls" width="300"></video>
<video src="AVC(H264).mp4" controls="controls" width="300"></video>

接下来就把自己的调查结果奉献给大家

	AVC(H264)	HEVC(H265)	MPEG4(DIVX)	MPEG4(Xvid)
Chrome	正常播放	无视频，有音频	无视频，有音频	无视频，有音频
Firefox	正常播放	无视频，有音频	无视频，有音频	无视频，有音频
Ie	正常播放	不能播放	不能播放	不能播放
Edge	正常播放	正常播放	正常播放	正常播放