Javascript 使用相同的按钮播放/暂停html5视频

所以我有一次能用，最后我把它弄坏了，现在我需要让它重新工作

我想知道当你按下播放按钮时，视频将开始播放。“播放”按钮会将其文本更改为“暂停”。然后，当您再次单击它时，视频将暂停

HTML:

这里还有一把小提琴，里面什么都有。如果你知道如何让一个视频在里面工作，如果你加上它，那就太酷了。谢谢

---

**编辑：当前的问题是当按下按钮时，视频无法播放。按钮会更改文本，但视频不会执行任何操作。

您正在分别定义

播放暂停功能3次。你可能会得到一些意想不到的结果。也就是说，如果解释器没有完全出错。只需创建一个函数，并使用全局变量来处理播放/暂停状态的跟踪，就可以更好地为您服务。大概是这样的：

var vid = document.getElementById("myVideo");
var isPlaying = false;

function playPause() {
  var change = document.getElementById("button");
  if (isPlaying) {
    vid.pause();
    change.innerHTML = "PLAY";
  } else {
    vid.play();
    change.innerHTML = "PAUSE";
  }
  isPlaying = !isPlaying;
}

将您的javascript更改为此以使其正常工作。
您需要使用
window.onLoad
或将JS放在HTML文件的末尾，确保首先加载DOM

我更新了JSFIDLE，但您需要一个有效的在线视频文件才能使其正常工作

var vid = document.getElementById("myVideo");

function play() {
  vid.play();
}

function pause() {
  vid.pause();
}

function playPause() {
  var change = document.getElementById("button");
  if (change.innerHTML == "PLAY") {
    change.innerHTML = "PAUSE";
    play();
  } else {
    change.innerHTML = "PLAY";
    pause();
  }
}

使用同一按钮播放和暂停视频

     document.getElementById("play").onclick = function() {

         if(document.getElementById("video").paused){
         document.getElementById("video").play();
             this.innerHTML ="Pause";

         }else{
             document.getElementById("video").pause();
             this.innerHTML = "Play";
         }
     }

您遇到的第一个问题是有3个同名函数。
var vid = document.getElementById("myVideo");

function play() {
  vid.play();
}

function pause() {
  vid.pause();
}

function playPause() {
  var change = document.getElementById("button");
  if (change.innerHTML == "PLAY") {
    change.innerHTML = "PAUSE";
    play();
  } else {
    change.innerHTML = "PLAY";
    pause();
  }
}

     document.getElementById("play").onclick = function() {

         if(document.getElementById("video").paused){
         document.getElementById("video").play();
             this.innerHTML ="Pause";

         }else{
             document.getElementById("video").pause();
             this.innerHTML = "Play";
         }
     }