Question

我使用video-js播放器，但我无法在其中查看HLS。

我加载videojs-contrib-hls，但没有帮助。

无法加载媒体，无论是服务器还是网络失败或因为不支持该格式。

我在<head>：

中有这两行

<link href="vjs.zencdn.net/5.9.2/video-js.css"; rel="stylesheet">
<script src="vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>

在<body>：

<video id="my-video" class="video-js" controls preload="auto" style= "width:100%; height:100%" data-setup="{}"> 
    <source src="fambox.tv:1935/vod/smil:1. PK_Film_HD.mp4.smil/playlist.m3u8" type="application/x-mpegURL"> 
</video>

Answer 1

你需要添加videojs hls库

<script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.5.3/videojs-contrib-hls.js"></script>

enter link description here

Answer 2

该视频源将不会在video js播放器中播放。您可以在这里自己尝试。

https://videojs.github.io/videojs-contrib-hls/

您会看到存在跨源资源共享（CORS）错误，很可能会阻止播放。

为什么我不能在Video-js中查看HLS？

2 个答案: