html5 - hls网页播放问题-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html5 - hls网页播放问题

大家讲道理 2017-04-17 11:32:40

[HTML讨论组]

1077

我在自己的桶下面放了用视频服务切了一个视频，生成一个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。
有哪位大侠给看一下。这个错误码是什么问题导致的。

大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(3)

伊谢尔伦2017-04-17 11:34:40 3楼

这个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

赞 +0

添加回复

PHP中文网2017-04-17 11:34:40 2楼

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

赞 +0

添加回复

怪我咯2017-04-17 11:34:40 1楼

@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.

这个问题怎么破啊？

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>