你好，我的JS代码里进度条拖拽鼠标松开后不能进度条不能固定

(function($){

var video=$('#myVideo');

var timeFormat=function(seconds){

var minite=Math.floor(seconds/60);

if(minite<10){

minite='0'+minite;

}

var second=Math.floor(seconds%60);

if(second<10){

second='0'+second;

}

return minite +":"+second;

}

//实现鼠标移入效果

var showTitleAndControl=function(shouldShow){

if(shouldShow){

$('.control').stop().animate({'bottom':0},500);

$('.caption').stop().animate({'top':0},500);

}else{

$('.control').stop().animate({'bottom':-50},500);

$('.caption').stop().animate({'top':-50},500);

}

}

//实现播放暂停

var playAndPause=function(){

if(video[0].paused||video[0].ended){

video[0].play();

$("#playBtn").removeClass('play').addClass('pause');

}else{

video[0].pause();

$("#playBtn").removeClass('pause').addClass('play');

}

}

//实现进度条拖拽

var enableProgressDrag=function(){

var progressDrag=false;

$('.progress').on('mousedown',function(e){

progressDrag =true;

//如果光标处于按钮上，那么offsetX是相对于按钮来说的

// updateProgress(e.offsetX);

//pageX相当与整个页面定位，相当于一个绝对的坐标

updateProgress(e.pageX);

});

$(document).on('mouseup',function(e){

if(progressDrag){

progressDrag =false;

updateProgress(e.pageX);

}

});

$(document).on('mousemove',function(e){

if(progressDrag){

updateProgress(e.pageX);

}

});

}

var updateProgress=function(x){

var progress=$('.progress');

var percent=100 *( x -progress.offset().left) / progress.width();

//保证百分比在0-100之间↓↓

if(percent>100){

percent=100;

}if(percent<0){

percent=0;

}

$('.timeBar').css('width',percent+'%');

video[0].currentTime=video[0].duration*percent/100;

}

video.on("loadedmetadata",function(){

video.width($(".vContainer").width());

video.height($(".vContainer").height());

showTitleAndControl(false);//一开始就是移除的状态

//计算总时长

$('#currentTime').html(timeFormat(0));

$('#duration').html(timeFormat(video[0].duration));

$('.vContainer').hover(function(){

showTitleAndControl(true);

},function(){

showTitleAndControl(false);

})

$('#playBtn').on('click',playAndPause);

enableProgressDrag();

});

//实现进度条跟随

video.on('timeupdate',function(){

var currentTime=video[0].currentTime;

var duration=video[0].duration;

var percent=100*currentTime/duration;

//进度条随时间跳跃

$('.timeBar').css('width',percent+"%");

//当前时间跳跃

$('#currentTime').html(timeFormat(currentTime));

})

video.on('canplay',function(){

$('.loading').fadeOut(100);

})

})(jQuery);