黎叔教你简单用CKplayer解析播放M3U8文件和做电视台直播播放器

黎叔白马飞马 Uncle-Li 2017年5月13日23:15:2772,127 views4

黎叔教你简单用CKplayer解析播放M3U8文件和做电视台直播播放器

    前几天我再研究如何播放M3U8播放器的时候,发现了一家采用M3U8做直播源做的电视台网页,这个网页有个大大的问题,那就是手机上可以播放,PC端播放不了。黎叔经过几分钟的认真研究和测试终于成功找到了解决方案。官方的方案和百度结果靠前的几个方案都是有缺陷的,

直接的讲就是没办法直接播放或者讲的不完整。CKPLAYER官方M3U8显示不了是M3U8文件的问题不是代码用错了!只要下面演示有效就说明这个代码目前可用

我们就结合官方的方法简单的纠正。

time:0

m3u8.swf文件

上传到贵站的网站ckplayer目录里,调用方式(以普通方式调用为例)如下:
var flashvars={
f:'m3u8.swf',
a:'http://183.207.249.15/PLTV/3/224/3221225680/index.m3u8',
s:4
}
然后兼容pc端和移动端的完整的播放m3u8的应用了。示例代码如下:

<div id="a1"></div>
<script type="text/javascript" src="/ckplayer/ckplayer.js" charset="utf-8"></script>
<script type="text/javascript">
var flashvars={
f:'https://zli.me/ckplayer/m3u8.swf',
a:'http://183.207.249.15/PLTV/3/224/3221225680/index.m3u8',
s:4,
c:0
};
var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
var video=['http://183.207.249.15/PLTV/3/224/3221225680/index.m3u8'];
CKobject.embed('/ckplayer/ckplayer.swf','a1','ckplayer_a1','100%','100%',false,flashvars,video,params);
</script>
CCTV用CKplayer解析m3u8直播效果演示:


weinxin
我的微信
微信扫一扫
黎叔白马飞马 Uncle-Li
  • 本文由 发表于 2017年5月13日23:15:27
  • 转载请务必保留本文链接:https://zli.me/htmls/11919.html
黎叔文明评论宣传
匿名

文明上网,理性发言!

不愿意透露姓名的网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:7   其中:访客  4   博主  3
    • 微笑
      微笑 0

      怎么在一个单独的html页面调用ckplayer播放m3u8,代码怎么写啊,求大大说下

      • 上海网
        上海网 0

        看起来都是很复杂的样子了啊。。。。

        • Koolight
          Koolight 2

          可否把湖南卫视搞下来?之前一直都没成功过。

          • BanYuner
            BanYuner 0

            貌似现在好多人都是在使用ckplayer