Javascript Html5视频&x2013；不同的搜索栏行为取决于播放/暂停

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

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

如果视频暂停：
视频在搜索期间应保持暂停，之后应保持暂停

这里有一把小提琴，它显示如果你再拖动一点，搜索栏（或滑块拇指）在搜索过程中会闪烁。如果正在播放视频，则视频在搜索过程中不会暂停。我的if/else函数可能有问题，但我真的不知道我的错误在哪里。如果有人能帮忙，我很高兴：）

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

这是我的seekbar代码：

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();
    });
 }
}