如何在HTML视频标签中打开.mov格式的视频？

我想像这样播放.mov视频，但视频不能在任何浏览器中播放

<video width="400" controls Autoplay=autoplay>
  <source src="D:/mov1.mov" type="video/mov">
</video>

不要使用

标记，而是使用

的

属性，如下所示，您将看到操作

<video width="320" height="240" src="mov1.mov"></video>

或

您可以在标记中提供多个标记，每个标记具有不同的视频源。浏览器将自动浏览列表并选择它能够播放的第一个列表。例如：

<video id="sampleMovie" width="640" height="360" preload controls>
    <source src="HTML5Sample_H264.mov" />
    <source src="HTML5Sample_Ogg.ogv" />
    <source src="HTML5Sample_WebM.webm" />
</video>

---

如果您在Chrome中测试该代码，您将获得H.264视频。不过，在Firefox中运行它，您将在同一位置看到Ogg视频。

您可以使用Controls属性

<video id="sampleMovie" src="HTML5Sample.mov" controls></video>

---

不幸的是，html5视频播放不支持.mov文件。您可以在此处看到支持哪些文件类型：

如果您需要能够使用html5视频播放器播放这些格式的视频文件，您需要首先转换视频文件，可能需要使用以下类似的方式：

---

在我的例子中，MOV视频的内容类型是video/quicktime。将type=“video/mp4”添加到MOV视频文件解决了我的问题

<video width="400" controls Autoplay=autoplay>
  <source src="D:/mov1.mov" type="video/mp4">
</video>

---

我的新答案是使用ffmpeg对

.mov

进行转码，就像

ffmpeg-i sourceFile.mov destinationFile.mp4

一样。对webm格式执行相同的操作

旧答案： 以下是您要做的：

将视频上传到Youtube

安装Firefox的“完整YouTube保护程序”插件

使用Firefox中的插件，下载MP4和WEBM格式，并将它们放在Web服务器上

根据将HTML5视频元素添加到网页

我很抱歉；您的浏览器不支持带有VP8/VP9的WebM中的HTML5视频或带有H.264的MP4。

使用CSS设置

元素的样式，以满足您的需要。例如，在不同的设备类型之间很好地渲染视频

---

您可以使用以下代码：

<video width="400" controls autoplay>
    <source src="D:/mov1.mov" type="video/mp4">
</video>

---

此代码将帮助您。

在视频源中将类型更改为“视频/快速时间”

您需要更改源代码，使其与html文件相对。我更改了属性作为您的答案，但视频不能在chrome中播放。当我在.mov video的标签中更改type=video/mp4时，该视频在chrome中以其持续时间启用，但存在视频仅显示黑屏的问题。我有完全相同的问题。你找到解决办法了吗？它不起作用了。我已经在chrome v65中测试了

mov

。这对我来说也很有效，我在我的SharePoint在线页面中使用它来播放视频！谢谢：D

<video width="400" controls autoplay>
    <source src="D:/mov1.mov" type="video/mp4">
</video>

<video width="400" controls Autoplay=autoplay>
  <source src="D:/mov1.mov" type="video/quicktime">
</video>