html - 没有任何方法可以帮助我弄清楚为什么视频无法在我的网站上播放

我正在尝试将视频添加到我的网站，但无论我做什么和尝试什么，它都不起作用。它只会显示它正在加载，然后显示黑屏。这是我正在使用的代码：

<video width="320" height="240" controls>
  <source src="lol.avi" type="video/avi">
  Your browser does not support the video tag.
</video>

我还尝试了videojs，它说：“无法加载媒体，可能是因为服务器或网络失败，或者因为格式不受支持。”。

谢谢你。

标签： htmlvideo

看起来您尝试在 HTML5 本机视频播放器上播放 .avi 容器。问题是 HTML5 通常只支持非常有限的格式和编解码器，正如 Offbeatmammal 已经写的那样。

顺便说一下，关于您的标题“帮助您弄清楚为什么视频无法在您的网站上播放的方法”是您已经做过的：您尝试加载它，但您收到不支持该格式的错误消息。

它基本上取决于浏览器、操作系统和版本，支持的确切组合和详细的编码设置，这里是支持格式的另一个列表。

目前最常见的格式/编解码器组合之一是 mp4/h264/aac。您可以使用例如 ffmpeg 将您的 avi 文件转码为兼容的 mp4：

ffmpeg -i {input}.avi -vcodec h264 -acodec aac -strict -2 {output}.mp4