HTML5 视频：内容类型为 application/vnd.apple.mpegurl 的未知 MIME 类型答案

【问题标题】：HTML5 Video: Unknown MIME type with Content Type application/vnd.apple.mpegurlHTML5 视频：内容类型为 application/vnd.apple.mpegurl 的未知 MIME 类型
【发布时间】：2014-11-17 23:41:02
【问题描述】：

我在尝试使用 HTML 播放视频时遇到了一些问题。 src 是正确的，例如，如果我使用 VLC 运行它，它会正常显示视频。我的流将“application/vnd.apple.mpegurl”作为Content Type。

我一直在尝试为“type”属性设置许多不同的值，但我尝试过的都没有。查看控制台，在 Internet Explorer 中我看到错误消息：MEDIA12899: AUDIO/VIDEO: Unknown MIME type。

我在 HTML 下方粘贴。出于安全原因，我用一些 X 替换了真实地址，但我猜真正的重要信息仍然存在：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <h1>Video HTML 5</h1>
    <video width="480" height="300" id="video1" autoplay="autoplay" controls="" poster="poster.jpg">
        <source src="http://example.com:1935/xxx/mp4:xxx.mp4/playlist.m3u8" type="application/x-mpegURL" />
        <script type="text/javascript">alert('Fail!');</script>
    </video>
</body>
</html>

你们对如何解决这个问题有什么建议吗？我知道问题出在哑剧类型上，但有什么我忽略了，我是在打一场失败的战斗吗？

【问题讨论】：

标签： html video video-streaming html5-video

【解决方案1】：

使用 application/x-mpegURL 和 Chrome 和 Android 浏览器将播放它。 Android 操作系统必须 > 4.0。

如果你不使用钩子，Firefox 会拒绝播放 hls，但你有像 video-js 和它的 hls plugin 或 hls plugin for videojs5+ by Peer5 这样的开源工具，你可以使用它们在现代浏览器上播放它。

【讨论】：

【解决方案2】：

Internet Explorer 不支持 HLS 流格式。

【讨论】：

Chrome、Firefox 和 Safari 怎么样？我一直在尝试在这些浏览器中运行，并且发生了同样的情况。
Safari，在 ios/mac 上，是的。其余的，没有。