ckplayer

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 345|回复: 4

想实现输入框方式播放m3u8类的ts视频

[复制链接]

1

主题

2

帖子

15

积分

新手上路

Rank: 1

积分
15
发表于 2022-8-25 14:16:00 | 显示全部楼层 |阅读模式
使用mpegts.js插件能播放ts视频,用但是又不能解析m3u8了,hls.js能解析又不能播放,请问该如何同时支持这两个功能呢

下面是代码



  1. <body>
  2.     <p>
  3.         <span>请输入m3u8地址: </span>
  4.         <input type="text" id="url"/>
  5.         <button id="submit">观看</button>
  6.     </p>
  7.    
  8.     <div id="video" style="width: 100%; height: 100%;"></div>
  9.    
  10.     <script type="text/javascript">
  11.         
  12.         
  13.         var submit = document.getElementById("submit");
  14.         var url = document.getElementById("url");
  15.         
  16.                 var videoObject = {
  17.                 container: '#video', //容器的ID或className
  18.                 plug:'mpegts.js',//设置使用mpegts.js插件
  19.                 video:'./video/36969.ts'
  20.             };
  21.             new ckplayer(videoObject);
  22.         
  23.         submit.addEventListener('click', function(){
  24.             // 输入的地址不能跟当前播放的视频地址一样
  25.             if(url.value != videoObject.video){
  26.                 videoObject.video = url.value;
  27.                 new ckplayer(videoObject);
  28.             } else {
  29.                 alert("您目前播放就是该视频...");
  30.             }
  31.         });
  32.     </script>
  33. </body>
复制代码



回复

使用道具 举报

10

主题

168

帖子

981

积分

超级版主

Rank: 8Rank: 8

积分
981
发表于 2022-8-25 15:50:36 | 显示全部楼层
需要自己判断视频格式后修改videoObject里plug属性
回复

使用道具 举报

1

主题

2

帖子

15

积分

新手上路

Rank: 1

积分
15
 楼主| 发表于 2022-8-25 16:30:05 | 显示全部楼层
niandeng 发表于 2022-8-25 15:50
需要自己判断视频格式后修改videoObject里plug属性

比方m3u8链接里自带的是ts视频这种怎么判断呢,是要嵌套函数的吗?
回复

使用道具 举报

0

主题

4

帖子

20

积分

新手上路

Rank: 1

积分
20
发表于 2022-11-23 21:29:08 | 显示全部楼层
回复

使用道具 举报

0

主题

5

帖子

21

积分

新手上路

Rank: 1

积分
21
发表于 2022-11-25 01:47:58 | 显示全部楼层
回复

使用道具 举报

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

本版积分规则

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