javascript - 自动播放一个视频然后循环播放另一个视频？

我正在尝试先自动播放video，然后循环播放第二个。当第一个video完成时，它会闪烁/冻结半秒钟。第二个问题是第二个视频，每次循环播放时，它也会冻结半秒钟。您能告诉我我的代码有什么问题吗？这是我的代码：

<style>
   .video2 {
      display: none;
   }
</style>

<body>
   <video class="video1" autoplay muted>
      <source src="part1.mp4">
   </video>
   <video class="video2" muted loop>
      <source src="part2.mp4">
   </video>
</body>

<script>
   const video1 = document.querySelector('.video1');
   const video2 = document.querySelector('.video2');

   video1.addEventListener('ended', function() {
      video1.style.display = 'none';
      video2.style.display = 'block';
      video2.play();
   });
</script>

自动播放一个视频然后循环播放另一个视频？

0 个答案: