视频滑块出现问题

时间:2016-01-16 12:28:47

标签: javascript video

嗨我已经为我的javascript添加了一个简单的功能,当拖动滑块手柄时暂停视频,并在释放时取消暂停(如果视频正在播放并且工作正常,则会发生这种情况)。如果视频暂停,则,当滑块手柄被释放时,我希望视频保持暂停状态(这是不起作用的部分)。我遇到的问题是,在我释放滑块处理程序后,它继续播放。我尝试用变量来解决这个问题,但似乎没有用。这是代码:

JS:

// Pause the video when the slider handle is being dragged
var control=0;
seekslider.addEventListener("mousedown", function() {

    if(video.pause==true)
    {
        control=1;

    }
    else {
        video.pause();
    }

        });

    // Play the video when the slider handle is dropped
seekslider.addEventListener("mouseup", function() {

        if(control>0)
        {
            control=0;
        }
        else
        {
            video.play();

        }
        });

1 个答案:

答案 0 :(得分:0)

再添加一个功能

function seektimeupdate(){
    var nt = video.currentTime * (100 / video.duration);
    seekslider.value = nt;
}