ckplayer 如何在PC上完美支持 m3u8播放

使用過ckplayer的同學都知道，相對jwplayer等，它非常的容易配置和使用。功能也是基本滿足我們的需求的。

一般情況我們都使用普通的視頻格式比如mp4,flv等播放，但如果視頻文件過大，會加載較慢。

於是我們可以將視頻轉成m3u8格式來解決這個問題（可以百度m3u8來了解原理，簡單點說他就是把視頻切成若干個切片，每個切片都可以獨立播放而且大小很小，然后利用一個文件索引來依次播放這些文件，所以很快）

如何轉m3u8格式？可以參考我上一篇博文。

=======================

但是PC上使用video 播放m3u8 是不支持的。幸好的是ckplayer有支持m3u8在PC播放的插件。

但注意了。有個巨坑，千萬不要根據ckplayer官網的說明去安裝配置這個插件！會出現各種錯誤！

 

其實很簡單，下載插件：m3u8.swf http://bbs.ckplayer.com/forum.php?mod=viewthread&tid=18168 

下載后解壓，將m3u8.swf文件拷貝至你的服務器任意目錄，可以訪問到就好，為了方便我是放在了ckplyer插件文件夾里。

OK！配置成功！ 是不是很簡單？就拷貝過來就OK啦！

接下來是js:

    showPlayer('http://static.guojiang.tv/pc/video/sound/1/playlist.m3u8','videoWrap')
    function showPlayer(src, id){
         //player
       var flashvars={
            f : 'http://static.guojiang.tv/pc/js/ckplayer/m3u8.swf',
            a : src,
            c : 0,
            s:4,
            lv:0//注意，如果是直播，需設置lv:1
        };
        var params={bgcolor:'#FFF',allowFullScreen:true,allowScriptAccess:'always',wmode:'transparent'};
        var video=[src];
        CKobject.embed('http://static.guojiang.tv/pc/js/ckplayer/ckplayer.swf',id ,'ck-video','100%','100%',false, flashvars ,video, params);

    }

　　f: m3u8.swf 的地址

　　a: 你要播放的m3u8視頻地址

至此，大功告成！

============================

切記：不要跟着官網的步驟做！切記！

 

 

---