Question

我一直在寻找为什么seekBar在被点击后没有更新，并且到目前为止没有运气。我一直在Chrome中这样做，因为Firefox本身不支持HTML5音频标记。

这基本上就是我所拥有的：

<script>
  var seekBar;
  var player;
  function initPlayer(){
    seekBar = document.getElementById('seekBar');
    player = document.getElementById('playcontrol');
    seekBar.setAttribute('max', player.duration);
    player.addEventListener('timeupdate', function(){
      seekBar.setAttribute('value', player.currentTime);
    });
  }
</script>
...
<audio id="playcontrol" src="Song.mp3" preload="auto"></audio>
<input id="seekBar" type="range" step="any" onchange="player.currentTime = this.value" min="0" max="10" value="0">

我在页面加载后运行initPlayer（）并运行“player.play（）;”在控制台上启动音频。这一切都很有效，直到我手动点击seekBar中的位置。

当我这样做时，它会跳到音频的一部分，但是，即使值属性继续更新，视觉条位置也不再变化。

为什么视觉位置在点击后是静态的？是否有一些黑客或解决方法来解决这个问题？

HTML5 seekBar点击后不更新，尽管更新了它的值

0 个答案: