Проигрывание видео в div

Рейтинг: 1Ответов: 1Опубликовано: 30.11.2014

Здравствуйте!

Возможно ли реализовать такую функцию, которая бы продолжала воспроизводить видео на том месте, на котором ты обновил страницу, то есть запомнить время видео и при обновлении страницы продолжать его проигрывать?

Есть много плагинов для воспроизведения видео через бэкграунд, но нигде нет функции продолжения воспроизведения после обновления страницы. Сам пользуюсь Jquery.VideoBG, видео находится в div'e.

Ответы

▲ 2Принят

Нужно просто перед обновлением страницы занести в локальное хранилище текущее время видео.

if(!localStorage.getItem("lasttime")) //Проверяем, есть ли в хранилище сохранённое время
   localStorage.setItem("lasttime", "0") //Если нету, то заносим в хранилище время 0
document.getElementById('vid1').addEventListener('loadedmetadata', function() {
  this.currentTime = localStorage.getItem("lasttime");//устанавливаем время видео из хранилища
}, false);

window.onbeforeunload = function(event){   //детектим когда человек обновляет страницу   localStorage.setItem("lasttime",document.getElementById('vid1').currentTime) //перед тем, как обновится страница, заносим текущее время видео в хранилище
};

Попробовать тут!