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?
Tem como guardar o Tempo do vídeo no Local Storage?
1 Resposta
Solucao aceita
1 like
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>
Criado 21 de novembro de 2020
Ultima resposta 21 de nov. de 2020
Respostas 1
Participantes 2
Alura POO: o que é programação orientada a objetos? Aprenda os conceitos básicos da programação orientada a objetos, como classes, objetos, herança, encapsulamento e polimorfismo, com exemplos.
Casa do Codigo JavaScript Assertivo: Testes e qualidade de codigo em... Por Gabriel Ramos — Casa do Codigo