Tem como guardar o Tempo do vídeo no Local Storage?

Front-end JavaScript
#1

Olá Tenho Esse Código: <video controls crossorigin playsinline data-poster="meu_poster.jpg" id="player" autoplay="true"> <!-- Video files --> <source src="Video.mp4" type="video/mp4" size="480" />"
Teria como eu salvar o tempo do vídeo no local Storage para quando o usuário voltar a assistir o vídeo continuar de onde ele parou? Fui claro?

#2

Os elementos de video e áudio possuem uma propriedade chamada currentTime que retorna o tempo em que o vídeo se encontra.

Aqui uma simples implementação:

   <button id="resume" >Resume</button>
   <button id="save" >Save</button>

   <video controls crossorigin playsinline data-poster="meu_poster.jpg" id="player" autoplay="true">
      <source src="Video.mp4" type="video/mp4" size="480" />"
   </video>

   <script>
        const video = document.querySelector('video');
        const resume = document.querySelector('#resume');
        const save = document.querySelector('#save');

        function getItem() {
            video.currentTime = localStorage.getItem('videoTime') || 0;
        }

        resume.addEventListener('click', getItem);

        save.addEventListener('click', event => {
            localStorage.setItem('videoTime', video.currentTime);
        });

        addEventListener('load', getItem);
   </script>
1 curtida