zoukankan      html  css  js  c++  java
  • 一个兼容IE7IE8,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>

     

  • 相关阅读:
    NYOJ 625 笨蛋的难题(二)
    NYOJ 102 次方求模
    ZJU Least Common Multiple
    ZJUOJ 1073 Round and Round We Go
    NYOJ 709 异形卵
    HDU 1279 验证角谷猜想
    BNUOJ 1015 信息战(一)——加密程序
    HDU 1202 The calculation of GPA
    "蓝桥杯“基础练习:字母图形
    "蓝桥杯“基础练习:数列特征
  • 原文地址:https://www.cnblogs.com/davies/p/7770423.html
Copyright © 2011-2022 走看看