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

Question

我想像这样播放.mov视频,但视频无法在任何浏览器中播放.

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

Answer 1

您可以使用以下代码:

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

这段代码可以帮到你.

Answer 2

而不是使用<source>标签,使用如下的<src>属性,<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视频.

Answer 3

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

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

如果您需要能够使用您的 html5 视频播放器播放这些格式，您需要首先转换您的视频文件——也许是这样的：

https://www.npmjs.com/package/html5-media-converter

Answer 4

在我的情况下,MOV视频的内容类型是视频/快速时间.添加type ="video/mp4"到MOV视频文件解决了我的问题.

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

Answer 5

这取决于所使用的视频编解码器，某些文件适用于“video/quicktime”或“video/mp4”。所以你需要进行测试。

不过，如果可能的话，我建议将视频转换为 .mp4。

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

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