Javascript 播放暂停html5

我正在尝试创建一个按钮来暂停和播放视频，并在单击时更改innerHTML。这就是我尝试过的，我不明白为什么它不起作用。有人能帮忙吗

function play() {
  var video = document.getElementById("video1");
  video.play();
}

var playButton = document.getElementById("play-pause");

playButton.addEventListener("click", function () {

    if (video.paused === true) {
        // Play the video
        video.play();

        // Update the button text to 'Pause'
        playButton.innerHTML = "Pause";
    } else {
        // Pause the video
        video.pause();

        // Update the button text to 'Play'
        playButton.innerHTML = "Play";
    }
});

---

你能再试一次粘贴你的代码吗？替换当前代码，选择所有新代码，然后按“代码示例”按钮。现在，它充满了“在这里输入代码”标记，缩进被弄乱了。（Gary和我试图修复它。希望没问题）另外：“它不工作”不是一个足够的问题描述。您是否查看浏览器中的调试器（控制台窗口）？

video

变量是

play

函数的本地变量。它对于稍后指定的

单击
事件处理程序不可见。
var video = document.getElementById("video1");
var playButton = document.getElementById("play-pause");

playButton.addEventListener("click", function () {

    if (video.paused === true) {

        video.play();
        playButton.innerHTML = "Pause";

    } else {

        video.pause();
        playButton.innerHTML = "Play";
    }
});