解决html中video标签因为视频编码格式不能打开视频文件的问题

时间:2024-03-31 08:04:16

需要做一个目标检测算法的输入视频和输出视频的直观对比展示页面,在html5中采用了video标签:

解决html中video标签因为视频编码格式不能打开视频文件的问题

但是显示无效源,应该是视频本身的问题,查看了html5的video文档:

解决html中video标签因为视频编码格式不能打开视频文件的问题

决定去查看一下in.avi文件的视频和音频编码:

在PotPlayer 64 bit 中查看,视频编码格式竟然是mjpg!,这是算法输出的视频,看来以后跑一次算法就要改一次了:

解决html中video标签因为视频编码格式不能打开视频文件的问题

在格式工厂进行视频编码转换,选择avc+aac(尝试了多次,作者认为最好把视频转成MP4格式,视频和音频编码为avc+aac组合,兼容性更强)

解决html中video标签因为视频编码格式不能打开视频文件的问题

再次查看,编码修改成功:
解决html中video标签因为视频编码格式不能打开视频文件的问题

成功播放:

解决html中video标签因为视频编码格式不能打开视频文件的问题