Question

这是我的第一篇文章，我对HTML很新，所以请原谅这个问题对你来说是否显得愚蠢。这就是代码应该如何工作：播放电影。每隔1.5秒，电影的速度就会降低20％。每当用户点击鼠标时，速度提高20％。到目前为止，这是我的代码：

<!DOCTYPE html>

<video id="my-video" src="big_buck_bunny.mp4"></video>

<script>
  document.getElementById("my-video").play();
  var speed = 1

  document.addEventListener ('click', speedUp, false);

  function speedUp(){
  if (speed < 1){
    speed = speed + 0.2;
  }
  document.getElementById("my-video").playbackRate = speed;
}

window.setInterval(speedDown(){
    if (speed > 0){
    speed = speed - 0.2;
  }
  document.getElementById("my-video").playbackRate = speed;
}, 1500);
</script>

当我开始它时，它只显示电影的第一帧并停在那里。 Chrome在第18行（window.sentInterval [...]）中抛出错误，但我无法弄清楚它是什么。任何人都可以帮助我吗？

提前致谢！

Answer 1

您看到的错误是因为这一行：

window.setInterval(speedDown(){

应该是：

window.setInterval(function speedDown() {

（在此上下文中speedDown名称是可选的）。

动态更改视频播放速度

1 个答案: