如何在JavaScript中调试视频暂停

Question

我在网站上有视频，也放了一些小的javascript创建按钮来播放/暂停视频

在单独的文件中或在Codepen上都可以正常工作，因此javascript代码看起来很好

let video = document.getElementById("myVideo");
let btn = document.getElementById("myBtn");

function myFunction() {
  if (video.paused) {
    video.play();
    btn.innerHTML = "Pause";
  } else {
    video.pause();
    btn.innerHTML = "Play";
  }
}

https://codepen.io/lukasz83/pen/pBbQaR

但在网站上的按钮未暂停视频

https://theseeyes.co.uk/

不知道如何调试此问题

Answer 1

在我看来，您已经定义了myFunction，但没有在任何地方调用它。您需要在按钮上添加事件侦听器，然后单击以运行函数。我希望这会有所帮助！

在您发布的CodePen示例中，他们正在HTML面板中执行此操作：

<button id="myBtn" onclick="myFunction()">Pause</button>