Javascript -根据点击的视频显示不同的视频

<div>
  <video id="videoPlayer" controls>
    <source id="videoSource" src="" type="video/mp4">
  </video>
</div>

<div>
  <button onclick="changeVideo('video1.mp4')">视频1</button>
  <button onclick="changeVideo('video2.mp4')">视频2</button>
  <button onclick="changeVideo('video3.mp4')">视频3</button>
</div>

function changeVideo(videoUrl) {
  var videoPlayer = document.getElementById('videoPlayer');
  var videoSource = document.getElementById('videoSource');

  videoSource.src = videoUrl;
  videoPlayer.load();
  videoPlayer.play();
}