在我的网站上嵌入 .mov 视频时出现黑屏

Question

所以我正在尝试将.mov 视频嵌入到具有以下内容的网站：

<video src="myvideo.mov" controls></video>

播放的视频显示黑屏，我听到的只有音频。

尝试了几个具有相同 .mov 扩展名的视频，但没有任何效果，我做错了什么？

Answer 1

您看不到视频，因为在 HTML 5 中，仅支持 3 种视频类型：

1. .mp4
2. .webM
3. .ogg

如果要显示视频，则需要视频类型中的任何一种。

你可以做的是：

1. 将当前视频类型更改为上述任一视频类型

完成后，您可以将代码更新为：

<video src="path/to/video-file.mp4" controls>
  Your browser does not support the <code>video</code> element.
</video>

有关视频元素的更多信息，请参阅this link 和this link