如何使用单独的按钮播放单独的视频

<button id="playButton">播放视频</button>
<video id="videoPlayer" src="video.mp4"></video>

var playButton = document.getElementById("playButton");
var videoPlayer = document.getElementById("videoPlayer");

playButton.addEventListener("click", function() {
  if (videoPlayer.paused) {
    videoPlayer.play();
    playButton.innerHTML = "暂停视频";
  } else {
    videoPlayer.pause();
    playButton.innerHTML = "播放视频";
  }
});

#playButton {
  background-color: #007bff;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

#videoPlayer {
  width: 100%;
  max-width: 500px;
}