Я пытаюсь автоматически воспроизвести сначала video, а затем l oop второй. Когда первый 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>