javascript - Javascript重启功能

Question

所以我有一个个人网站，它有一个暂停/恢复和一个静音按钮，我希望暂停/恢复按钮在视频播放完毕后更改为“重新启动”视频。一旦用户按下重新启动，视频就会重新启动。关于如何实现此功能的任何想法？这是目前的代码。

const video = document.currentScript.parentElement;
    video.volume = 0.15;

    function pause_resume() {
      const button = document.getElementById("pause_resume_button");

      if (video.paused) {
        video.play()
        button.textContent = "pause video";
      } else {
        video.pause()
        button.textContent = "resume video";
      }
    }
    function mute_unmute() {
      const button = document.getElementById("mute_unmute_button");

      video.muted = !video.muted;
      button.textContent = video.muted ? "unmute video" : "mute video";
}

标签： javascript

Answer 1

你必须寻找ended事件，像这样：

-- 使用onended事件处理程序属性：

video.onended = () => {
  button.textContent = 'Restart';
  video.currentTime = 0;
}

- 使用addEventListener()

video.addEventListener('ended', () => {
  button.textContent = 'Restart';
  video.currentTime = 0;
});