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

Question

我正在构建一个视频播放器，它需要播放 HLS 直播和点播流。

它似乎只在 Safari 中运行良好。 (减去我需要更新的自定义样式，忽略它)
在所有其他浏览器中，我收到此错误:
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded,
either because the server or network failed or because the format is not supported.

我错过了什么？看起来与 contrib-hls 演示页面实现非常相似，它在所有浏览器中都可以正常运行。

这是 repo :https://github.com/adult-swim/adult-swim-video-player要查看的分支是feature-latest-versions
为了测试，我实际上使用的是从 videojs-contrib-hls 演示页面下载的视频:http://videojs.github.io/videojs-contrib-hls/

这是我初始化 VideoJS 的地方:https://github.com/adult-swim/adult-swim-video-player/blob/feature-latest-versions/app/scripts/views/adult-swim-video-player.js#L56

这是代码的两个编译版本:
http://www.adultswim.com/dev/as-player/ - 一经请求
http://www.adultswim.com/dev/as-player-live/ - 居住

我正在使用这些版本:
视频.js:5.5.2
videojs-contrib-hls:1.3.4
视频贡献媒体来源:2.4.4

Answer 1

您的 MIME 类型不正确:<source src="video/test.m3u8" type="video/mp4"> .

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

使用正确的 MIME 类型 application/x-mpegURL以便 videojs-contrib-hls 可以在其他浏览器上启动。