Video streaming Video.js/Contrib HLS在大多数浏览器中不播放HLS(代码:4 MEDIA_ERR_SRC_not_SUPPORTED)

Video streaming Video.js/Contrib HLS在大多数浏览器中不播放HLS(代码:4 MEDIA_ERR_SRC_not_SUPPORTED),video-streaming,video.js,http-live-streaming,m3u8,Video Streaming,Video.js,Http Live Streaming,M3u8,我有一个视频播放器,我正在建设,需要发挥HLS现场和点播流 它似乎只在狩猎中工作得很好。(减去我需要更新的自定义样式,忽略它) 在所有其他浏览器中,我都会遇到以下错误: VIDEOJS:ERROR:(代码:4媒体\u ERR\u SRC\u不受支持)无法加载媒体, 可能是因为服务器或网络出现故障,或者是因为不支持该格式。 我错过了什么?看起来与contrib hls演示页面实现非常相似,它在所有浏览器中都能正常运行 这是回购协议:要查看的分支是功能最新版本 为了进行测试,我实际上使用了从vid

我有一个视频播放器,我正在建设,需要发挥HLS现场和点播流

它似乎只在狩猎中工作得很好。(减去我需要更新的自定义样式,忽略它) 在所有其他浏览器中,我都会遇到以下错误:

VIDEOJS:ERROR:(代码:4媒体\u ERR\u SRC\u不受支持)无法加载媒体,
可能是因为服务器或网络出现故障,或者是因为不支持该格式。

我错过了什么?看起来与contrib hls演示页面实现非常相似,它在所有浏览器中都能正常运行

这是回购协议:要查看的分支是
功能最新版本

为了进行测试,我实际上使用了从videojs contrib hls演示页面下载的视频:

这里是我初始化VideoJS的地方:

下面是代码的两个编译版本:
-随需应变
-生活

我正在使用这些版本:
video.js:5.5.2
videojs contrib hls:1.3.4

视频contrib媒体来源:2.4.4

您的mime类型不正确:

结果是播放器将尝试使用html5技术(一种html5视频元素)播放视频,因为它可以播放MP4。在Safari上,视频将播放,因为视频元素也支持HLS,但在没有本机HLS支持的浏览器上,视频将中断


使用正确的mime类型
应用程序/x-mpegURL
,以便videojs contrib hls可以在其他浏览器上运行。

是的,就是这样。编译时还有一些额外的问题,但我也解决了这些问题。谢谢。另外,如果来自服务器的标题与文件扩展名不同,则浏览器在呈现时可能会出现问题。例如,如果要从渲染文件http://.../some_name.mp4 并且“内容类型”报头是“视频/mpeg”而不是“视频/mp4”,那么该视频可能被认为已损坏。(在IE11上发生在我身上)