如何制作一个改变视频播放状态的按钮？

<video id="myVideo" controls>
  <source src="video.mp4" type="video/mp4">
</video>

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

function playVideo() {
  video.play();
}

function pauseVideo() {
  video.pause();
}

function togglePlayPause() {
  if (video.paused) {
    video.play();
  } else {
    video.pause();
  }
}

<button onclick="playVideo()">播放</button>
<button onclick="pauseVideo()">暂停</button>
<button onclick="togglePlayPause()">切换播放/暂停</button>