视频播放器ckplayer,以下是连续播放的代码,

免费视屏播放插件(官网)地址:http://www.ckplayer.com/



注意:我视屏都是自己找的,


<style type="text/css">
    #a2, #a3 {
        width: 20px;
        height: 100px;
        background: #262626;
        float: left;
    }

    #playerlist {
        width: 300px;
        margin-left: 20px;
    }

    #bb {
        float: left;
    }

</style>

<div class="row">
    <!--vidio list-->
    <div id="aa">
        <div class="clearfix ">
            <div id="a2" οnclick="Close();" title="收起列表">&gt;&gt;</div>
            <div id="a3" οnclick="Open();" style="display:none" title="展开列表">&lt;&lt;</div>
            <ul id="playerlist">
                <li id="vli_0" οnclick="playvideo(0)">
<font size="3" color="skyblue">白雪公主-雪山</font></li>
                <li id="vli_1" οnclick="playvideo(1)">
<font size="3" color="skyblue">仙剑奇侠传六-宣传片</font></li>
                <li id="vli_2" οnclick="playvideo(2)">
<font size="3" color="skyblue">炒饭蜘蛛侠二-预告片</font></li>
                <li id="vli_3" οnclick="playvideo(3)">
<font size="3" color="skyblue">快乐的大脚-宣传片</font></li>
            </ul>
        </div>
        <!--/vidio list-->
    </div>
    <!-- vidio -->
    <div id="bb">
        <div id="a1"></div>
    </div>
    <!-- /vidio -->
</div>


<!--vidio-->
<script type="text/javascript"
        src="${pageContext.request.contextPath}/plugins/vidio-ckplayer6.7/ckplayer/ckplayer.js"
        charset="utf-8"></script>
<script type="text/javascript">
    function playerstop() {
        setTimeend();
    }
    function setTimeend() {//获取下一部视频的播放ID
        nowD++;
        if (nowD >= videoarr.length) {
            nowD = 0;
        }
        playvideo(nowD);
    }
    function Close() {//关闭播放列表
        CKobject._K_('a2').style.display = 'none';
        CKobject._K_('playerlist').style.display = 'none';
        CKobject._K_('a3').style.display = 'block';
        CKobject._K_('a1').style.width = '900px';
        CKobject.getObjectById('ckplayer_a1').width = 900;
    }
    function Open() {//打开播放列表
        CKobject._K_('a2').style.display = 'block';
        CKobject._K_('playerlist').style.display = 'block';
        CKobject._K_('a3').style.display = 'none';
        CKobject._K_('a1').style.width = '900px';
        CKobject.getObjectById('ckplayer_a1').width = 900;
    }
    var nowD = 0;//目前播放的视频的编号(在数组里的编号)
    var frontTime = false;//前置广告倒计时是否在运行中
    var frontHtime = false;//后置广告是否在进行中
    var videoarr = new Array();//新建一个数组来存flash端视频地址,添加方法就像下面一样
    videoarr.push('${pageContext.request.contextPath}/vidiouri/ok1.flv');
    videoarr.push('${pageContext.request.contextPath}/vidiouri/ok2.flv');
    videoarr.push('${pageContext.request.contextPath}/vidiouri/ok3.flv');
    videoarr.push('${pageContext.request.contextPath}/vidiouri/ok4.flv');
    var html5arr = new Array();//新建一个数组来保存HTML5端用到的视频地址
    html5arr.push(['${pageContext.request.contextPath}/vidiouri/ok.mp4->video/mp4']);
    html5arr.push(['${pageContext.request.contextPath}/vidiouri/ok.mp4->video/mp4']);
    html5arr.push(['${pageContext.request.contextPath}/vidiouri/ok.mp4->video/mp4']);
    html5arr.push(['${pageContext.request.contextPath}/vidiouri/ok.mp4->video/mp4']);
    var guanggao = "${pageContext.request.contextPath}/vidiouri/ok.flv";//广告
    function playvideo(n) {
        nowD = n;
        var flashvars = {
            f: videoarr[n],//从数组里面取出的视频地址
            c: 0,
            p: 2,//p为1的时候自动播放
            l: guanggao,
            t: 6,//广告播放时间
            e: 0,
            my_url: encodeURIComponent(window.location.href)
        };
        for (i = 0; i < videoarr.length; i++) {//这里是用来改变右边列表背景色
            if (i != nowD) {
                CKobject._K_('vli_' + i).style.backgroundColor = '#262626';
            }
            else {
                CKobject._K_('vli_' + i).style.backgroundColor = '#DAF2FF';
            }
        }
//这个是初始化视频插件的
        var video = ['${pageContext.request.contextPath}/vidiouri/ok.mp4->video/mp4'];
        CKobject.embed('${pageContext.request.contextPath}/plugins/vidio-ckplayer6.7/
        ckplayer/ckplayer.swf', 'a1', 'ckplayer_a1', '900', '400', false, flashvars, html5arr[n]);
    }
    playvideo(0);
</script>














苹果CMSV10是一款功能强大的内容管理系统,可以用来建设和管理网站。为了整合CKPlayer视频播放器到苹果CMSV10中,我们需要进行以下步骤: 1. 下载CKPlayer播放器文件:首先,我们需要从CKPlayer官方网站下载CKPlayer播放器文件。这可以通过访问CKPlayer官方网站并下载最新版本的播放器文件来完成。 2. 将CKPlayer文件上传到服务器:在苹果CMSV10后台管理系统中,找到“文件管理”或者“上传文件”功能选项。然后点击“上传文件”按钮,选择之前下载的CKPlayer文件,将其上传到服务器。 3. 编辑网页模板:在苹果CMSV10后台管理系统中找到“模板管理”或者“网页模板”功能选项。然后选择需要编辑的网页模板,在网页模板中找到视频播放的位置。 4. 插入CKPlayer播放代码:在编辑网页模板中找到视频播放位置后,我们需要将CKPlayer播放代码插入到相应位置。可以使用以下代码片段插入CKPlayer播放器: ``` <script type="text/javascript" src="CKPlayer路径/ckplayer.js"></script> <div class="video-container"> <video id="videoPlayer" class="video-js vjs-default-skin"> <source src="视频链接" type="video/mp4"> </video> </div> <script type="text/javascript"> var videoObject = { container: '.video-container', variable: 'player', flashplayer: 'CKPlayer路径/ckplayer.swf', video: "视频链接", }; var player = new ckplayer(videoObject); </script> ``` 请将上述CKPlayer路径和视频链接替换为实际的路径和链接。代码中的video/mp4是视频的格式,可以根据实际情况更改。 5.保存并测试:完成以上步骤后,保存网页模板的修改,并在网站上测试是否成功整合了CKPlayer视频播放器。 通过以上步骤,我们可以将CKPlayer视频播放器成功整合到苹果CMSV10中,用户可以在网站上播放视频。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值