一个兼容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>
复制代码

 

 

posted @   星辰与大海  阅读(3057)  评论(1编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
点击右上角即可分享
微信分享提示