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

Posted

技术标签:

【中文标题】HTML5 视频:内容类型为 application/vnd.apple.mpegurl 的未知 MIME 类型【英文标题】:HTML5 Video: Unknown MIME type with Content Type application/vnd.apple.mpegurl 【发布时间】: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   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>

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

【问题讨论】:

【参考方案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 上,是的。其余的,没有。

以上是关于HTML5 视频:内容类型为 application/vnd.apple.mpegurl 的未知 MIME 类型的主要内容,如果未能解决你的问题,请参考以下文章

Firefox 冻结的 HTML5 视频不会降级为 Flash

仅播放音频的 video/mp4 类型的 HTML5 视频

HTML5——拖放 地理定位 视频 音频 新的input类型

HTML5 视频 |视频不受支持/文件类型无效 | IE

Chrome Html5 视频无法显示白色,背景为灰色

Html5 视频不显示