Javascript Como recomeçar automaticamente um vídeo do ponto em que parou?

[Eduardo de Quadros]

Tenho um vídeo em HTML5 em que o usuário fechou a página enquanto o vídeo estava no tempo 3min15seg. Quando o usuário for abrir a página novamente, quero que automaticamente o vídeo comece no tempo 3min15seg e não no tempo 0min00seg. Se um vídeo for muito longo? Como todo mundo vai ver?

[Rui Guilherme]

@Eduardo de Quadros Você precisa esperar o navegador reconhecer o vídeo então loadedmetadata vai resolver isso.

 

Para salvar o momento use o onunload.

window.onunload = function () {
  const currentTime = document.getElementById("video").currentTime
  // Dai é só salvar currentTime no localStorage ou nos cookies
  // https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage
  // https://developer.mozilla.org/en-US/docs/web/api/document/cookie
}

 

Quando o usuário entrar o evento loadedmetada vai fazer o resto. é só usar o loadedmetada:

document.getElementById("video").addEventListener("loadedmetadata", function() {
  // this.currentTime vai receber o currentTime que você salvou no localStorage/Cookies, basta trocar o 10.
     this.currentTime = 10;
}, false);

 

 

Caso você for salvar essa informação no back-end(salvar no usuario por exemplo) o onunload talvez não vá te ajudar, eu recomendo você colocar um timer que a cada 5 segundos sincroniza o currentTime com uma rota do back-end.