视频在网页上播放 黑屏

视频在网页上播放 黑屏

你的视频无法在网页上播放，可能的原因如下：

1. 视频编码不兼容

  • 视频编码格式：HEVC (H.265)

    • 问题：HEVC (H.265) 虽然压缩率高，但不是所有浏览器都支持，特别是 Chrome 和 Firefox 可能不支持 H.265。
    • 解决方案：建议转换为 H.264 (AVC)，它的兼容性更好：
    ffmpeg -i v1.mp4 -c:v libx264 -preset fast -crf 23 -c:a aac -b:a 128k output.mp4

2. 音频采样率过低

  • 音频采样率：22.05 kHz

    • 问题：大多数浏览器更倾向于 44.1 kHz 或 48 kHz 的音频格式。
    • 解决方案：可以用 ffmpeg 重新编码音频：
    ffmpeg -i v1.mp4 -c:v copy -c:a aac -b:a 128k -ar 44100 output.mp4

3. isstreamable: No

  • 问题：MP4 需要 MOOV atom 在文件头部，否则无法进行流式播放（网页播放）。

  • 解决方案：用 ffmpeg 修复：

    ffmpeg -i v1.mp4 -movflags +faststart -c copy output.mp4

最终解决方案

如果你要确保网页上能播放，建议综合以上方法：

ffmpeg -i v1.mp4 -c:v libx264 -preset fast -crf 23 -c:a aac -b:a 128k -ar 44100 -movflags +faststart output.mp4

然后在 HTML 里用 <video> 直接播放：

<video controls>
    <source src="output.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

这样能确保最大兼容性。你可以先试试看，看看修复后的文件是否能播放！