问

html5 - hls网页播放问题

手机用户2602882697 发布于 2022-11-07 19:15

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

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

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.

这个问题怎么破啊？

2022-11-12 01:43 回答

俊惠芸菁亚扬

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

2022-11-12 01:43 回答

王妃2502872393
这个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

2022-11-12 01:43 回答

水水2502919973

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签