Python cv2录制的mp4视频本地可播放但浏览器无法加载问题求助

1. 编码不兼容：你当前使用的mp4v编码对应MPEG-4 Part 2标准，该编码的MP4文件仅在本地播放器兼容性好，绝大多数主流浏览器原生仅支持H.264编码的MP4文件，这是无法播放的核心原因。
2. HTML标签使用错误：直接用<iframe>加载视频文件不符合浏览器的媒体资源处理规范，即使编码正确也可能出现加载异常，应该使用原生HTML5 <video>标签加载视频。

1. 修改Python编码配置 #

将视频编码参数修改为H.264对应的标识avc1，仅需修改VideoWriter_fourcc行即可：

# 原代码：vid_cod = cv2.VideoWriter_fourcc(*'mp4v')
# 修改为：
vid_cod = cv2.VideoWriter_fourcc(*'avc1')

修改后重新生成的webcam.mp4默认就是H.264编码，可直接被浏览器识别。

2. 修改HTML视频加载代码 #

替换iframe为HTML5 video标签，示例如下：

<video class="video" id="webcam_video" controls>
  <source src="/static/videos/webcam.mp4" type="video/mp4">
</video>

如果不需要显示播放控件，可以去掉controls属性，添加autoplay muted loop等属性满足自动播放需求。

备用转码方案 #

如果修改编码参数后OpenCV报错，说明你的OpenCV编译版本未内置H.264编码支持，可以先使用原代码生成mp4v编码的文件，再用ffmpeg转码为兼容格式，命令如下：

ffmpeg -i webcam.mp4 -vcodec libx264 -acodec aac webcam_compat.mp4

转码后的文件直接替换原文件即可正常加载。

内容的提问来源于stack exchange，提问作者root