一個兼容IE7\IE8,H5的多功能視頻播放器,H5視頻播放器兼容Flash視頻播放器


這里記錄一個視頻播放器,免費可適當修改;名稱:ckplayer視頻播放器(免費)

官網地址:http://www.ckplayer.com/

下載地址:http://www.ckplayer.com/down/

官網有詳細的軟件說明。

示例:

Body 代碼

   <div id="video_container"></div>
    <script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script>

 

腳本部分:

<script type="text/javascript">
        var source_array = ["/videos/01.mp4",
            "/videos/02.mp4"];
        var i = 0; 
        var ck;
        var videoid = 'video'
        function playVideo() {
            var length = source_array.length;
            if (i >= length) { i = 0;  }
           var videosrc = source_array[i]
            console.log(videosrc);
            var flashvars = {
                f: videosrc,
                c: 0,
                b: 1,
                p:1,
                // i: 'images/default_img.jpg',
                loaded: 'loadedHandler'
            };
            var video = [videosrc+'->video/mp4'];
           ck= CKobject.embed('ckplayer/ckplayer.swf', 'video_contailer', 'ckplayer_a1', '600', '400', true, flashvars, video);
            i++;
        }
        playVideo();

        function loadedHandler() {
            if (CKobject.getObjectById('ckplayer_a1').getType()) {
                console.log('播放器已加載,調用的是HTML5播放模塊');
                CKobject.getObjectById('ckplayer_a1').addListener('ended', playHandler);
            }
            else {
                console.log('播放器已加載,調用的是Flash播放模塊');
                CKobject.getObjectById("ckplayer_a1").addListener('ended', 'playHandler');
            }
        }

       
        function pauseHandler() {
            //沒有任何參數,但運行到這里則確認視頻已暫停
        }
        function playHandler(){
           // trace("播放了");
            //刪除監聽
            // console.log("播放了");
            playVideo();
               // ck.removeListener("demo.swf","play",playHandler);
            }

    </script>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM