Как воспроизвести видео первые 10 секунд и потом все сначала
Есть код <video src="video.mp4" poster="poster.jpg" controls></video> который воспроизодит видео на сайте. помогите пожалуйста как его изменить что бы при любой длине видео воспроизводились только первые 10 секунд и потом видео начиналось сначала и так до бесконечности.
<video id="myVideo" src="video.mp4" poster="poster.jpg" controls></video>
<script>
const video = document.getElementById('myVideo');
video.addEventListener('timeupdate', function() {
if (video.currentTime >= 10) {
video.currentTime = 0;
video.play();
}
});
video.addEventListener('loadeddata', function() {
video.play();
});
</script>
Установить обработчик, видимо на timeupdate .
И по достижении 10сек менять currentTime .
ffmpeg обрезать и обрезок поставить как спойлер, но думаю все же лучше вручную, так как может "взять" самый скучный эпизод