一.这里我主要是播放m3u8的视频，有两款比较好的插件，swise和ckpalyer，我介绍的是ckplayer，这是在pc端播放的，并且是需要flash支持的，不过现在的最新浏览器都是默认安装的

二.http://www.ckplayer.com/down/（ckpalyer下载地址）

三.我的调用方式是官方的基本调用方法，可以看下官方的调用文档，接下来介绍俩种调用方法，一种是直接输出播放器的，这个不能使用layui弹出层的，另一种也是输出播放器，但可以使用layui弹出层的

四.（第一种方法）记住这种方法一定要ckplayer.js，这个看你放的路径去引用，这个我是点击图片时触发这个事件，你可以加载这个页面就加载这个播放器，看需求

//这是html代码

<div id="video" style="color: red;"></div>
//这是js代码

<script src="<?=SITE_BASE_URL."/ckplayerX/ckplayer/ckplayer.js"?>"></script>
<script>
    //播放m3u8视频
    function showPlayer(src,id){
        //player
        var videoObject = {
           container: '#video', //容器的ID或className
            variable: 'player',
            debug:true,//开启调试模式
            flashplayer: false, //是否需要强制使用flashplayer
            video: src  //这是你的视频地址，可以是MP4和m3u8
       };
        var player = new ckplayer(videoObject);
    }

五.（第二种方法）可以用弹出层打开的播放器

代码说明：

embed：是标准的html代码。用来加载插件。

src：插件地址，这里则指播放器地址

flashvars：传递到播放器里的各个参数，比如视频地址，是否默认播放等

width：播放器的宽

height：播放器的高，不支持百分比

这种方法你可以直接放html代码里，也可以放js代码里，