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

近期在日常测试工作中有运营的同学反馈,在我们的内部网站中上传的视频出现了播放不了的情况,因为之前为方便统一,后端做了限制,只能上传mp4格式的视频,但同样都是MP4的视频,有的可以在游览器中播放有的不能播放,所以我这边就和公司的后端大神一起调查这个事情。
百度了一番发现具体原因如下:(原文链接:https://www.cnblogs.com/yerr1990/p/6065621.html)
不同编码的MP4视频在各大游览器播放总结_第1张图片
那么问题来了,我如何才能知道我的mp4视频的编码方式呢?
大家可以下载格式工厂,不仅能查看视频编码方式,还能转变视频的编码方式
第一步:点击左侧的MP4
不同编码的MP4视频在各大游览器播放总结_第2张图片
第二步:点击添加文件
不同编码的MP4视频在各大游览器播放总结_第3张图片
第三步:点击这个标识就能查看视频的详细信息了,包括编码方式
在这里插入图片描述
不同编码的MP4视频在各大游览器播放总结_第4张图片
第四步:如果想转化视频的编码格式,点击‘输出配置’,然后转变视频编码,点击‘确认’后,跳转至首页,然后点击‘开启’就能成功转了
不同编码的MP4视频在各大游览器播放总结_第5张图片
视频转化成功了,那么如何查看改变了编码格式的视频在各个游览器中的播放情况呢?
给大家介绍一个简单的方法,新建一个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 正常播放 正常播放 正常播放 正常播放

你可能感兴趣的:(不同编码的MP4视频在各大游览器播放总结)