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

Black screen when embedding .mov video on my website

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

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

视频播放时黑屏，只听到声音。

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

您看不到视频，因为 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 and this link