视频播放器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>














  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值