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



我使用视频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>

您需要添加videojs-hls库

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

在此处输入链接描述

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

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

您可以看到,存在可能阻止播放的跨源资源共享(CORS)错误。

相关内容

  • 没有找到相关文章

最新更新