Android手机拍摄的MP4无法在Chrome桌面端HTML Video播放求助

你的代码本身没有错误，问题出在Android手机拍摄的MP4视频编码/封装格式与Chrome浏览器不兼容，具体原因和解决方法如下：

核心原因 #

Chrome对MP4视频的支持有严格规范：必须是H.264编码（Baseline/Main/High profile）+ AAC音频的组合。部分Android手机可能会使用Chrome不支持的视频编码（比如AV1、或某些小众H.264变种），或者封装格式存在异常，导致浏览器能识别音频流，但无法解析视频流，从而出现有声音无画面、videoWidth/videoHeight为0的现象。而Big Buck Bunny是标准的兼容格式，因此能正常播放。

解决步骤 #

1. 确认视频编码信息 #

用工具查看目标视频的编码细节：

• 可以用MediaInfo图形化工具查看；
• 或者用ffmpeg命令行（需先安装ffmpeg）：

ffmpeg -i movie3.mp4

查看输出结果里的Video:和Audio:行，确认视频编码是否为H.264，音频是否为AAC。

2. 重新编码为兼容格式 #

如果编码不兼容，用ffmpeg将视频转成Chrome支持的标准格式：

ffmpeg -i movie3.mp4 -c:v libx264 -profile:v main -c:a aac -b:a 128k compatible_movie3.mp4

该命令将视频编码为H.264 Main profile，音频编码为AAC，确保Chrome能正常解析。

3. 优化视频封装（可选） #

若编码本身兼容但仍有问题，可能是视频的Moov原子（存储元数据的部分）在文件尾部，导致Chrome加载视频帧延迟。可通过以下命令将Moov原子移到文件开头：

ffmpeg -i movie3.mp4 -movflags faststart fixed_movie3.mp4

验证 #

将转换后的视频替换原链接，再测试即可正常播放，videoWidth和videoHeight也会正确显示。

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