在 FireFox 浏览器中显示“未找到支持格式和 MIME 类型的视频”的 HTML5 视频答案

【问题标题】：HTML5 videos showing "No Video With Supported format and MIME type Found" in FireFox browser在 FireFox 浏览器中显示“未找到支持格式和 MIME 类型的视频”的 HTML5 视频
【发布时间】：2014-11-14 07:49:43
【问题描述】：

这是我的 HTML5 视频代码：

    <video id="video-1" width="600"  preload="auto" controls >
          <source src='https://tuneables.s3.amazonaws.com/somevideo.mp4' type='video/mp4' />
          <source src='https://tuneables.s3.amazonaws.com/somevideo.ogg' type='video/ogg' />
  </video>

我已经设置了其他具有 "https://" 的服务器的“src”。

此视频在 Chrome 中运行，但不在 FireFox 中。

虽然当我将此视频上传到我的服务器并设置 src="http://example.com/somevideo.mp4" 时，现在该视频在 Firefox 中运行良好。

那里的实际问题是什么..？

这个问题是由“http://”还是“https://”引起的？

提前致谢。

【问题讨论】：

您使用的是 mac、windows 还是 linux 计算机？ @shashank

标签： html firefox video

【解决方案1】：

为什么在“video/.mp4”上有点？而不是在视频/ogg 中？
这些视频类型是兼容的，应该可以正常工作。

【讨论】：

感谢您的回复。我已经从“video/.mp4”中删除了点。仍然无法在 Firefox 上运行。我也更新了我的问题。

【解决方案2】：

如果您在 Firefox for Mac OS 上进行测试，您还需要包含 .webm 格式：

<source src='https://tuneables.s3.amazonaws.com/somevideo.webm' type='video/webm' />

当我在 Firefox 浏览器中在 Mac OS 上进行测试时，它也没有运行，但是当我包含 webm 视频格式时，它确实运行并解决了我的所有问题

【讨论】：

感谢@Gerwin 的回复。我已经完成了你上面所说的仍然遇到同样的问题。
您在哪种操作系统上运行，您能否在 jsfiddle 中举一个与您有相同问题的示例？
您从 https 服务器而不是 http 加载视频是否有特定原因？由于 https 网站具有安全连接，这可能是它在 firefox 中不起作用的原因
是的，所有视频都放在那个“https://”服务器上。我必须从那里取来它们。我的服务器上没有这些视频。
另一种方法是下载视频并将其上传到您自己的服务器？没有太多关于无法从 Firefox 上的 https 服务器获取视频的信息