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

【问题标题】：Why can't I view HLS in Video-js?为什么我不能在 Video-js 中查看 HLS？
【发布时间】：2016-05-17 19:18:30
【问题描述】：

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

【问题讨论】：

您能否描述一下您遇到的错误以及您如何处理代码的重要部分？
我在头 vjs.zencdn.net/5.9.2/video-js.css" rel="stylesheet">
我添加了特定的标签和引用，阻止引用错误消息，重新排列和清理来自 cmets 的错误粘贴代码，修复语法和拼写。希望问题很清楚。是src 对吗？我认为里面不应该有空格。

标签： javascript html5-video video.js http-live-streaming

【解决方案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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：