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

【问题标题】：How to open .mov format video in HTML video Tag?如何在 HTML 视频标签中打开 .mov 格式的视频？
【发布时间】：2015-10-01 13:25:52
【问题描述】：

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

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

【问题讨论】：

您需要更改源，使其与 html 文件相关

标签： html html5-video

【解决方案1】：

您可以使用以下代码：

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

此代码将帮助您。

【讨论】：

这应该被接受为正确答案，它的视频/mp4 可以可靠地播放 .mov 文件

【解决方案2】：

不要使用<source> 标签，而是使用<video> 的<src> 属性，如下所示，您将看到该操作。

<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 视频。

【讨论】：

我将属性更改为您的答案，但视频无法在 chrome 中播放。当我在 .mov 视频的标记中更改 type=video/mp4 时，该视频在 chrome 中启用，其持续时间，但问题是视频仅显示黑屏。
我也有同样的问题。你找到解决办法了吗？
它不再起作用了。我已经在 chrome v65 中测试了mov。

【解决方案3】：

在我的情况下，MOV 视频的内容类型是 video/quicktime。在我的情况下，将 type="video/mp4" 添加到 MOV 视频文件解决了问题。

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

【讨论】：

这对我也有用，我在我的 SharePoint Online 页面中使用它来播放视频！谢谢：D
这行得通，但并不像现在这样。如果观看该视频的人没有所需的编解码器，那么可能只能听到音频。不会有视频。

【解决方案4】：

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

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

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

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

【讨论】：

不完全正确，这取决于使用的编解码器。例如，mkv 文件如果在浏览器支持的编解码器中转码，则可以在浏览器中播放。 .mov 文件也是如此，请参阅投票最多的答案。

【解决方案5】：

您可以使用 Controls 属性

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

【讨论】：

【解决方案6】：

在视频源中将类型改为“video/quicktime”

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

【讨论】：

【解决方案7】：

我的新答案是使用 ffmpeg 对 .mov 进行转码，例如 ffmpeg -i sourceFile.mov destinationFile.mp4。对 webm 格式执行相同操作。

旧答案：这就是你要做的：

将您的视频上传到 Youtube。
为 Firefox 安装“完整的 YouTube 保护程序”插件
使用 Firefox 中的插件，下载 MP4 和 WEBM 格式并将它们放在您的 Web 服务器上
根据MDN's recommendation 将 HTML5 视频元素添加到您的网页

<video controls>
  <source src="somevideo.webm" type="video/webm">
  <source src="somevideo.mp4" type="video/mp4">
  I'm sorry; your browser doesn't support HTML5 video in WebM with VP8/VP9 or MP4 with H.264.
  <!-- You can embed a Flash player here, to play your mp4 video in older browsers -->
</video>

使用 CSS 为 <video> 元素设置样式以满足您的需求。例如，Materializecss has a simple helper class 可以跨设备类型很好地呈现视频。

【讨论】：