java 视频播放 暂停_Html5视频 - 根据播放/暂停不同的搜索栏行为

尝试实现自定义Html5视频播放器的以下功能：

如果正在播放视频：

视频应在搜索过程中暂停，然后继续播放

如果视频暂停：

视频在搜索期间应保持暂停状态，之后保持暂停状态

这是一个小提琴，表示如果你拖得更长一点，搜索栏(或滑块拇指)在搜索过程中会闪烁 . 如果视频正在播放，视频在搜索过程中不会暂停 . 我的if / else函数可能有问题，但我真的不知道我的错误在哪里 . 很高兴，如果有人可以帮助:)

我想使用jquery或javascript，我不想使用像jplayer或video.js这样的库

这是我的搜索栏代码：

seekBar.addEventListener("change", function() {

var time = video.duration * (seekBar.value / 100);

video.currentTime = time;

});

video.addEventListener("timeupdate", function() {

var value = (100 / video.duration) * video.currentTime;

seekBar.value = value;

});

function vidSeek() {

if (video.paused) {

seekBar.addEventListener("mousedown", function() {

video.pause();

});

seekBar.addEventListener("mouseup", function() {

video.pause();

});

} else {

seekBar.addEventListener("mousedown", function() {

video.pause();

});

seekBar.addEventListener("mouseup", function() {

video.play();

});

}

}