一个兼容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>

 

 

转载于:https://www.cnblogs.com/davies/p/7770423.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值