hls网页播放问题

Question

我在自己的桶下面放了用视频服务切了一个视频，生成一个m3u8文件（url：http://7sbsjb.com1.z0.glb.clouddn.com/middle-video-GOP）文件和若干个ts文件。用vlc能够正常播放。但是放到html的video里面，如下：

        <video
        src="http://7sbsjb.com1.z0.glb.clouddn.com/middle-video-GOP"
        controls="controls"
        width="320" height="240"
        onerror="failed(event)"
        >
        Your browser does not support the video ta
        </video>

然后在chrome和firefox上都播放不了。返回是MEDIA_ERR_SRC_NOT_SUPPORTED。
有哪位大侠给看一下。这个错误码是什么问题导致的。

Answer 1

这个chrome和firefox默认是不支持m3u8 文件的，

Safari是支持的

chrome和firefox需要使用播放器

具体你可以参考各个播放器的优劣：
http://kb.qiniu.com/5a9mzj6n

播放器建议使用 sewise

这里是所有的demo

http://jackzhang1204.github.io/sewise/sewise_player/demos/index.html

这里使用m3u8 点播

http://jackzhang1204.github.io/sewise/sewise_player/demos/m3u8_cross_p...

参考这个网页的代码

这里有一篇文档

http://blog.csdn.net/guoer9973/article/details/44152277

跨域文件 http://video-sunbiaobiao.qiniudn.com/crossdomain.xml

Answer 2

我用的videojs 现在才看见，搞了一个礼拜了！

Answer 3

@wesley_chen 你的是怎么搞出来的，我用video.js播放hls流 需要添加 videojs-hls的插件，当我添加了之后，修改video的src属性，又提示我跨域的错误

XMLHttpRequest cannot load http://hlsws.avc.com/live/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. The response had HTTP status code 404.

这个问题怎么破啊？