Discussions » Creation Requests

谁能帮我做一个脚本啊?能让这个网页视频播放可以拉动进度条 可以快进

§
Posted: 2020-04-21

谁能帮我做一个脚本啊?能让这个网页视频播放可以拉动进度条 可以快进

$('.c_type').click(function(){
    var data_id = $(this).attr('data-id');
    $('.course_type div').removeClass('active');
    $('.tab_content').css('display','none');
    $(this).addClass('active');
    $('#'+data_id).css('display','block')
});
function setCookieday(name, value, iDay)
{
    var oDate = new Date();
    oDate.setDate(oDate.getDate() + iDay);
    document.cookie = name+ '=' +value+ '; expires = '+oDate
}

//所有服务器线路
var line_list = {"\u8054\u901a":[{"name":"\u901a\u8fbd","isp":"\u8054\u901a","ip":"116.116.56.87:8088","url":"116.116.56.87:8088","docview":"http:\/\/ow365.cn\/?i=13378&furl=","sort":"100","doc":"upload","doc_avatar":"uploadavatar","status":"1","id":"1"}],"\u7535\u4fe1":[{"name":"\u901a\u8fbd","isp":"\u7535\u4fe1","ip":"222.74.122.106:3722","url":"222.74.122.106:3722","docview":"http:\/\/ow365.cn\/?i=13145&furl=","sort":"100","doc":"upload","doc_avatar":"uploadavatar","status":"1","id":"2"}],"\u79fb\u52a8":[{"name":"\u901a\u8fbd","isp":"\u79fb\u52a8","ip":"39.153.128.53:8078","url":"39.153.128.53:8078","docview":"http:\/\/ow365.cn\/?i=15554&furl=","sort":"100","doc":"upload","doc_avatar":"uploadavatar","status":"1","id":"3"}],"\u4e3b\u7ebf\u8def":[{"name":"\u901a\u8fbd","isp":"\u4e3b\u7ebf\u8def","ip":"116.116.56.87:8088","url":"116.116.56.87:8088","docview":"http:\/\/ow365.cn\/?i=13378&furl=","sort":"100","doc":"upload","doc_avatar":"uploadavatar","status":"1","id":"1"}]};
var is_done = 0;
//默认服务器线路
var u_server = '主线路';
var propertys = Object.getOwnPropertyNames(line_list)

var is_open = false;
var iscode = false;
var flashvars={
    c:0,
    p:0,
};
var course_id=1;
var chapter_id=2;
var train_id=1;
var support = ['all'];
var video_url = "";
if(getCookie('network') == 99){
    video_url = "http://course1.tlsjyy.cn:8035/02 国内外微课学习网站及文献.mp4";
}else{
    video_url = "http://course.tlsjyy.cn/02 国内外微课学习网站及文献.mp4";
}
CKobject.embedHTML5('video_c','ckplayer_a1','750px','500px',[video_url],flashvars,support);

var time_now,time_n;

if($.cookie('starttime')){
    time_now = $.cookie('starttime')
    CKobject.getObjectById('ckplayer_a1').videoPlay();
}else{
    time_now = 0;
}
function switch_line(num){
    var date = new Date();
    if(is_open){
        time_n = CKobject.getObjectById('ckplayer_a1').getStatus().time;
    }else{
        time_n = undefined;
    }
    if(num == 99){
        $.cookie('network',99);
        $.cookie('starttime',time_n,{ expires: date });
        location.reload();
    }else{
        $.cookie('network',100);
        $.cookie('starttime',time_n,{ expires: date });
        location.reload();
    }
}
// $(".btn_line").click(function(){
//  if(is_open){
//      time_n = CKobject.getObjectById('ckplayer_a1').getStatus().time;
//  }else{
//      time_n = undefined;
//  }
//  var date = new Date();
//  date.setTime(date.getTime()+60*1000);
//  if($(this).index()==0){
//      $.cookie('network',line_list['主线路'][0].ip);
//      $.cookie('starttime',time_n,{ expires: date });
//      location.reload();
//  }else if($(this).index()==1){
//      $.cookie('network',line_list['移动'][0].ip);
//      $.cookie('starttime',time_n,{ expires: date });
//      location.reload();
//  }else if($(this).index()==2){
//      $.cookie('network',line_list['联通'][0].ip);
//      $.cookie('starttime',time_n,{ expires: date });
//      location.reload();
//  }else{
//      $.cookie('network',line_list['电信'][0].ip);
//      $.cookie('starttime',time_n,{ expires: date });
//      location.reload();
//  }
//  // $("#ckplayer_a1").attr('src','http://116.116.56.87:8089/JXJYW/tgzmk190a/zt02.mp4')
// })
// 视频容器背景颜色
$('#video_c').css('background','rgba(48, 154, 235, 0.4)');
// 监听视频是否播放状态
CKobject.getObjectById('ckplayer_a1').addListener('play','playHandler');
function playHandler(){
    is_open = true;
    $('.end').show();
    $('.continue').hide();
}
// 点击开始学习
$('.continue').click(function(){
    var times=new Date().getTime();
    if(train_id == null || chapter_id == null){
        alert('数据错误');
        location.reload();
        return false;
    }
    $.cookie('start_time_continue',times,{path:'/'});
    $.ajax({
        type: "post",
        cache: false,
        //async: true,
        url: "/student/index/ajax_video_star.html",
        data: {train_id:train_id,chapter_id:chapter_id},
        dataType: "json",
        success: function(result){
            // 进度时间发送成功后,显示开始学习按钮
            console.log(result);
            if(result=="ok"){
                CKobject.getObjectById('ckplayer_a1').videoPlay();
                $('.end').show();
                $('.continue').hide();
                $('#mask').hide();
            }else{
                layer.msg("为防止多个学习同时进行,请先完成"+result.chapter_title+"的课程学习",{icon:2});
                setTimeout(function(){
                    location.href="/student/index/watch_course/train_id/"+result.train_id+"/course_id/"+result.course_id+"/chapter_id/"+result.chapter_id+".html";
                },2000);


            }
        },
    });
    // 视频播放,显示结束学习按钮

})



// 点击结束学习,并将现在播放进度时间发给服务器
$('.end').click(function(){

    var time_length = Math.ceil(CKobject.getObjectById('ckplayer_a1').getStatus().time);
    if(isNaN(time_length)){
        time_length = 0;
    }
    var url="/student/index/bxtimelog.html";
    // 视频暂停
    CKobject.getObjectById('ckplayer_a1').videoPause();

    $.ajax({
        type: "post",
        cache: false,
        //async: true,
        url: "/student/index/ajax_video_end.html",
        data: {train_id:train_id,chapter_id:chapter_id},
        dataType: "json",
        success: function(result){
            // 进度时间发送成功后,显示开始学习按钮
            console.log(result);
            if(result == 0){
                layer.msg("结束失败,请稍后重试");
                return false;
            }else{
                $.ajax({
                    type: "post",
                    cache: false,
                    //async: true,
                    url: url,
                    data: {time_length:time_length,train_id:train_id,course_id:course_id,chapter_id:chapter_id},
                    dataType: "json",
                    //jsonpCallback:"jsonpCallback"+Math.round(Math.random()*10000),
                    success: function(json){
                        // 进度时间发送成功后,显示开始学习按钮
                        console.log(json);
                        $('.end').hide();
                        $('.continue').show();
                        $('#mask').show();
                    },
                });
            }
        },
    });



})
// 从服务器获得上一次学习进度时间,从此时间开始继续学习
~function videoSeek(t){
    CKobject.getObjectById('ckplayer_a1').videoSeek(time_now);
}();
// 不能拖动进度条
// 添加遮罩层
var html = "<div id='mask' style='position: absolute;height:500px;width: 100%'></div><div class='mask-mid'></div><div class='mask-right'></div>";
$('#video_c').append(html);
// 监听是否全屏
document.addEventListener("webkitfullscreenchange", function () {
    // 视频的宽度,高度
    var videoW = $('#ckplayer_a1').width();
    var videoH = $('#ckplayer_a1').height();
    console.log(videoW);
    console.log(videoH);
    if(videoW == '600')
    {
        // 不是全屏
        $('.mask-mid').css('width',360);
        $('#pop').css({'top':videoH/2-100,'left':videoW/2-178});
    }
    else
    {
        // 全屏
        $('.mask-mid').css('width',videoW-240);
        $('#pop').css({'top':videoH/2-100,'left':videoW/2-178});
    }
});



// 每隔一秒获得一次当前播放时间
var timer = setInterval(function loadedHandler(){
    var time_length = CKobject.getObjectById('ckplayer_a1').getStatus().time;
},1000);

// 阻止用户前进后退
var time = setInterval(preventchangetime,500);
var hou = 0;
function preventchangetime(){
    var currttime = document.getElementById('ckplayer_a1').currentTime;
    var xc = currttime-hou;
    if(is_done == 1){clearInterval(time)
    } else if(xc>2||xc<=-2){
        CKobject.getObjectById('ckplayer_a1').videoSeek(hou);
    }else{
        hou = currttime;
    }
}
§
Posted: 2020-04-21

可以的联系我QQ344657685

Post reply

Sign in to post a reply.

长期地址
遇到问题?请前往 GitHub 提 Issues。