在我的网站上嵌入.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