• 网络视频播放器插件ckplayer使用-简介


    ckplayer插件下载:http://pan.baidu.com/s/12HYH4(假设不见了,下载您自己的地址,下载后添加到站点根文件夹)

    ******特别提醒:解压后不要忘了把js文件夹也加入到你的站点根文件夹。这个主要是为了各浏览器的兼容性的,假设不加入,

    在ie,Firefox上有可能不能用!

    1,首先在页面头部引入:

    <script src="ckplayer/ckplayer.js"></script>

    2,在body部分放一个div:

    <div style=" 660px;margin:0 auto;">  
                    <div id="a1"></div>  
            </div>   

    3,在script中的windows.load时间里,或者在2步骤的div后面放入一下脚本:

    <script type="text/javascript"> 
            var flashvars = {
                f: 'video/card.mp4',//视频地址  
                //假设你不须要某项设置,能够直接删除。注意var flashvars的最后一个值后面不能有逗号
                a: '',//调用时的參数,仅仅有当s>0的时候有效  
                s: '0',//调用方式。0=普通方法(f=视频地址),1=网址形式,2=xml形式。3=swf形式(s>0时f=网址,配合a来完毕对地址的组装)  
                c: '0',//是否读取文本配置,0不是。1是  
                x: '',//调用xml风格路径,为空的话将使用ckplayer.js的配置  
                i: 'video/1.jpg',//初始图片地址  
                d: 'video/1.jpg',//暂停时播放的广告。swf/图片,多个用竖线隔开,图片要加链接地址,没有的时候留空即可  
                u: 'http://www.vqisoft.com/',//暂停时假设是图片的话,加个链接地址  
                l: '',//前置广告,swf/图片/视频,多个用竖线隔开,图片和视频要加链接地址  
                r: '',//前置广告的链接地址,多个用竖线隔开,没有的留空  
                t: '10|10',//视频開始前播放swf/图片时的时间,多个用竖线隔开  
                y: '',//这里是使用网址形式调用广告地址时使用。前提是要设置l的值为空  
                z: 'http://www.ckplayer.com/down/buffer.swf',//缓冲广告,仅仅能放一个,swf格式  
                e: '2',//视频结束后的动作,0是调用js函数,1是循环播放。2是暂停播放而且不调用广告,3是调用视频推荐列表的插件,4是清除视频流并调用js功能和1差点儿相同,5是暂停播放而且调用暂停广告  
                v: '80',//默认音量。0-100之间  
                p: '0',//视频默认0是暂停。1是播放  
                h: '0',//播放http视频流时採用何种拖动方法,=0不使用随意拖动,=1是使用按关键帧。=2是按时间点,=3是自己主动推断按什么(假设视频格式是.mp4就按关键帧,.flv就按关键时间)。=4也是自己主动推断(仅仅要包括字符mp4就按mp4来。仅仅要包括字符flv就按flv来)  
                q: '',//视频流拖动时參考函数,默认是start  
                m: '0',//默认是否採用点击播放button后再载入视频,0不是,1是,设置成1时不要有前置广告  
                o: '',//当m=1时,能够设置视频的时间。单位,秒  
                w: '',//当m=1时,能够设置视频的总字节数  
                g: '',//视频直接g秒開始播放  
                j: '',//视频提前j秒结束  
                k: '',//提示点时间。如 30|60鼠标经过进度栏30秒,60秒会提示n指定的对应的文字  
                n: '',//提示点文字,跟k配合使用。如 提示点1|提示点2  
                wh: '',//这是6.2新添加的宽高比,能够自定义视频的宽高或宽高比方:wh:'4:3',或wh:'1080:720'  
                ct: '2',//6.2新添加的參数,主要针对有些视频拖动时时间出错的修正參数,默认是2。自己主动修正。1是强制修正,0是强制不修正  
                //调用播放器的全部參数列表结束  
                //下面为自己定义的播放器參数用来在插件里引用的  
                my_url: encodeURIComponent(window.location.href)//本页面地址  
                //调用自己定义播放器參数结束  
            };
            var params = { bgcolor: '#FFF', allowFullScreen: true, allowScriptAccess: 'always' };//这里定义播放器的其他參数如背景色(跟flashvars中的b不同)。是否支持全屏,是否支持交互  
            var attributes = { id: 'ckplayer_a1', name: 'ckplayer_a1', menu: 'false' };
            //以下一行是调用播放器了,括号中的參数含义:(播放器文件,要显示在的div容器,宽,高,须要flash的版本号,当用户没有该版本号的提示,载入初始化參数。载入设置參数如背景,载入attributes參数。主要用来设置播放器的id)  
            CKobject.embedSWF('ckplayer/ckplayer.swf', 'a1', 'ckplayer_a1', '650', '380', flashvars, params);
            var video = ['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4', 'http://www.ckplayer.com/webm/0.webm->video/webm', 'http://www.ckplayer.com/webm/0.ogv->video/ogg'];
            var support = ['iPad', 'iPhone', 'ios', 'android+false', 'msie10+false'];//默认的在ipad,iphone,ios设备中用html5播放,android,ie10上没有安装flash的也调用html5  
            CKobject.embedHTML5('video', 'ckplayer_a1', 600, 400, video, flashvars, support);
      </script>

    版权声明:本文博客原创文章。博客,未经同意,不得转载。

  • 相关阅读:
    最大子数组求和并进行条件组合覆盖测试
    Ubuntu 16.04 c++ Google框架单元测试
    The directory '/home/stone/.cache/pip/http' or its parent directory is not owned by the current user and the cache has been disabled. Please check the permissions and owner of that directory. If execu
    Problem executing scripts APT::Update::Post-Invoke-Success 'if /usr/bin/test -w /var/cache/app-info -a -e /usr/bin/appstreamcli; then appstreamcli refresh > /dev/null; fi'
    个人博客作业三:微软小娜APP的案例分析
    补交 作业一
    补交 作业二:个人博客作业内容:需求分析
    嵌入式软件设计第12次实验报告
    嵌入式软件设计第11次实验报告
    嵌入式软件设计第10次实验报告
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/4733646.html
Copyright © 2020-2023  润新知