javascript - video.js播放想播放m3u8格式的文件，用了videojs-contrib-hls也不行？

Question

想播放hls协议的就是m3u8文件，video.js原生不支持，官方有个插件videojs-contrib-hls，下载之后按官方说的装了不行，不过官方网站放的好好的，不知道哪出现了问题？难道是我本地测试的原因？前两天放到服务器上好像还不行，服务器还需要配置什么东西嘛？

Answer 1

我也遇到这个问题，下载videojs-contrib-hls，不知道怎么用。请问你解决了吗

Answer 2

如何解决了videojs播放m3u8的问题。

Answer 3

我也遇到了这样的问题，不加密的hls是可以播放的 不过aes128切片的hls无法播放 求解决的分享

Answer 4

<link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet">
<video id="example-video" width=960 height=540 class="video-js vjs-default-skin" controls poster="******.jpg">
    <source src="http://*******/test-vedio-hls.m3u8" type="application/x-mpegURL">
</video>

<script type="text/javascript" src="http://****/video.min.js"></script>
<script type="text/javascript" src="http://****/videojs.hls.min.js"></script>
<script type="text/javascript">
var player = videojs('example-video');
//player.play();
</script>

重点来了：起个localhost/访问。

Answer 5

我下载了一个demo，然后本地起localhost，访问是正常的，可以播放，这时候如果我把video的src属性替换为我的.m3u8的的文件地址。这个时候就报错了，报错内容如下

XMLHttpRequest cannot load http://hlsws.abc.com/live/88076461_1484555851/playlist.m3u8. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:81' is therefore not allowed access.

很明显是说不能跨域请求？如何解决呢？

Answer 6

我做成功了。video.js与videojs-contrib-hls.min.js一起引入,然后m3b8格式的视频要初始化，也就是var player=vodeojs('需要播放视频的id名'); 如果是多个视频，需要用

 $('#example-video' + v + '').each(function(){//这个V是代表你有多少个视频
         var  aa = videojs('#example-video' + v + ''); //每个视频渲染
);

QQ:2331850831有问题私信我

链接描述