Как сделать видео перематываемым?

Question

[Slava]

Есть видео на странице. Хочу сделать, чтобы по нажатию на кнопку видео начиналось с 3-ей секунды, но оно начинается каждый раз сначала.

<video id="video" preload>
   <source src="tutor.mp4" type="video/mp4">
</video>
<button id="btn">Next step</button>

var vid = document.getElementById('video');
document.getElementById('btn').addEventListener('click', function () {
        vid.currentTime = 3;
        vid.play();
    });

При нажатии на кнопку vid.currentTime равняется 0.
Свойства vid.seekable.start(0) и vid.seekable.end(0) тоже равны 0.
Я так понял, что проблема в самом видео, у него нету промежутков для перематывания. Как можно это исправить?

Answer 1

[AngReload]

Перекодировать в ffmpeg с параметром g, если в видео 24fps то ставь -g 24 чтобы перемотка работала с точностью до секунды.
ffmpeg -i tutor.mp4 -g 24 tutorWithG48.mp4