amings 发表于 2022-8-25 14:16:00

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

使用mpegts.js插件能播放ts视频,用但是又不能解析m3u8了,hls.js能解析又不能播放,请问该如何同时支持这两个功能呢

下面是代码



<body>
    <p>
      <span>请输入m3u8地址: </span>
      <input type="text" id="url"/>
      <button id="submit">观看</button>
    </p>
   
    <div id="video" style="width: 100%; height: 100%;"></div>
   
    <script type="text/javascript">
      
      
      var submit = document.getElementById("submit");
      var url = document.getElementById("url");
      
                var videoObject = {
                container: '#video', //容器的ID或className
                plug:'mpegts.js',//设置使用mpegts.js插件
                video:'./video/36969.ts'
            };
            new ckplayer(videoObject);
      
      submit.addEventListener('click', function(){
            // 输入的地址不能跟当前播放的视频地址一样
            if(url.value != videoObject.video){
                videoObject.video = url.value;
                new ckplayer(videoObject);
            } else {
                alert("您目前播放就是该视频...");
            }
      });
    </script>
</body>


niandeng 发表于 2022-8-25 15:50:36

需要自己判断视频格式后修改videoObject里plug属性

amings 发表于 2022-8-25 16:30:05

niandeng 发表于 2022-8-25 15:50
需要自己判断视频格式后修改videoObject里plug属性

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

王先生.. 发表于 2022-11-23 21:29:08

https://bbs.ckplayer.com/forum.php?mod=viewthread&tid=223&fromuid=62863
可以参考一下这个

Licong98 发表于 2022-11-25 01:47:58

https://co6.cc/
页: [1]
查看完整版本: 想实现输入框方式播放m3u8类的ts视频