發現一個好用的播放插件---ckplayer

　　如題，先記錄一下，只是在項目中簡單引用一下，沒有做過深入研究，

 

代碼導入：

    <div id="lessonVideo"></div>
  
    <script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>
    <script type="text/javascript">
        $(function() {
            var flashvars = {
                f : '${rtmp}',//rtmp地址
                c : 0,
                b : 1,
                p : '1',
                l : 'image/common/progress.gif',　　//緩沖時候的顯示在div中的gif圖片
                t : '1'
            };
            var video = [ '${m3u8}' ];　　　　　　　　//m3u8的播放地址
            var viewSize = getViewportSize();
            var width = 940;
            var height = 640;
            var newDivWidth = Math.min(width, viewSize[0] - 120);
            var newDivHeight = Math.min(height, viewSize[1] - 80);
            CKobject.embed('ckplayer/ckplayer.swf', 'lessonVideo', 'ckplayer_lessonVideo', newDivWidth, newDivHeight, false, flashvars, video);
        });　　　　　　

　　　　　　function getViewportSize() {
　　　　　　var myWidth = 0, myHeight = 0;
　　　　　　if (typeof (window.innerWidth) == 'number') {
　　　　　　myWidth = window.innerWidth;
　　　　　　myHeight = window.innerHeight;
　　　　　　}
　　　　　　else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
　　　　　　myWidth = document.documentElement.clientWidth;
　　　　　　myHeight = document.documentElement.clientHeight;
　　　　　　}
　　　　　　else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
　　　　　　myWidth = document.body.clientWidth;
　　　　　　myHeight = document.body.clientHeight;
　　　　　　}
　　　　　　return [ myWidth, myHeight ];
　　　　　　}

</script>

只要推流，這個div就可以在線點播，效果不錯