如何在一个.mp4视频结束后播放第二个视频？

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

<script>
  var videoPlayer = document.getElementById('videoPlayer');
  videoPlayer.addEventListener('ended', function() {
    videoPlayer.src = "video2.mp4";
    videoPlayer.play();
  });
</script>

<video id="videoPlayer" class="video-js vjs-default-skin" controls>
  <source src="video1.mp4" type="video/mp4">
</video>

<script src="video.js"></script>
<script>
  var videoPlayer = videojs('videoPlayer');
  videoPlayer.on('ended', function() {
    videoPlayer.src("video2.mp4");
    videoPlayer.play();
  });
</script>