ckplayer

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2345|回复: 4

ckplayer怎么支持播放m3u8视频文件?

[复制链接]

1

主题

1

帖子

10

积分

新手上路

Rank: 1

积分
10
发表于 2021-11-6 10:07:22 | 显示全部楼层 |阅读模式
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8" data-name="ckplayer"></script>
<div class="video" style="width: 600px;height: 400px;"></div>
<script type="text/javascript">
    //定义一个变量:videoObject,用来做为视频初始化配置
    var videoObject = {
        container: '.video', //"#"代表容器的ID,"."或""代表容器的class
        variable: 'player', //播放函数名称,该属性必需设置,值等于下面的new ckplayer()的对象
        video: 'https://video.dious.cc/20200825/9qvL6V78/index.m3u8'//视频地址
    };
    var player = new ckplayer(videoObject);//初始化播放器
</script>




提示加载失败?

回复

使用道具 举报

0

主题

2

帖子

16

积分

新手上路

Rank: 1

积分
16
发表于 2021-11-21 09:23:50 | 显示全部楼层
ckplayer本身就支持啊!
回复

使用道具 举报

1

主题

5

帖子

22

积分

新手上路

Rank: 1

积分
22
发表于 2021-11-28 17:45:44 | 显示全部楼层
我也是m3u8不支持,你的解决了吗?
回复

使用道具 举报

2

主题

30

帖子

193

积分

注册会员

Rank: 2

积分
193
发表于 2021-11-29 22:17:56 | 显示全部楼层
<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8" data-name="ckplayer"></script>
<div class="video" style="width: 600px;height: 400px;"></div>
<script type="text/javascript">
    //定义一个变量:videoObject,用来做为视频初始化配置
    var videoObject = {
        container: '.video', //"#"代表容器的ID,"."或""代表容器的class
        variable: 'player', //播放函数名称,该属性必需设置,值等于下面的new ckplayer()的对象
                html5m3u8: true,
        video: 'https://video.dious.cc/20200825/9qvL6V78/index.m3u8'//视频地址
    };
    var player = new ckplayer(videoObject);//初始化播放器
</script>

X1测试通过。
回复

使用道具 举报

1

主题

5

帖子

22

积分

新手上路

Rank: 1

积分
22
发表于 2021-12-2 20:59:11 | 显示全部楼层
lanmfly 发表于 2021-11-29 22:17
//定义一个变量:videoObject,用来做为视频初始化配置
    var videoObject = {
        container ...

我加了html5m3u8在pc端可以了,但是移动端还是不行,如果播放flv视频的话,应该怎么配置啊
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表