Остановите воспроизведение видео, когда веб-страница закрыта, и запустите ее снова, где ее можно остановить. - PullRequest
Новая
       45

Остановите воспроизведение видео, когда веб-страница закрыта, и запустите ее снова, где ее можно остановить.

0 голосов
/ 21 апреля 2020

Мне нужна помощь на php веб-сайте. Я создаю веб-сайт, как онлайн-видео курсы. Мне нужна помощь в видео-модуле. Если я воспроизводлю любое видео и закрываю его через некоторое время, снова воспроизведите это видео, затем необходимо воспроизвести его там, где оно есть. можно остановить или закрыть. Это видео из базы данных, а не встроенного видео. Для показа видео я использую видеоплеер послесвечения. 

<video class="afterglow" id="myvideo" height="385px" width="770px">
<source type="video/mp4" src="adminpanel/video/<?php echo $results->c_video; ?>"  />
</video>

Есть ли сценарий для решения этой проблемы.

1 Ответ

0 голосов
/ 21 апреля 2020

Как предлагается в комментариях, вы должны сохранить положение вашего видео где-нибудь. Самый простой подход - использовать localStorage. Подробнее о localStorage можно прочитать в официальной документации: https://developer.mozilla.org/de/docs/Web/API/Storage

Во время воспроизведения видео отметка времени обновляется каждую секунду, а элемент localStorage обновляется.

Затем, если вы перезагрузите страницу (помните: элемент все еще существует в хранилище после обновления sh), вы проверите его существование и установите для видео метку времени.

Это должно указать вам правильное направление. 

let video = document.getElementById("example");



if (localStorage.hasOwnProperty("time")) { //if time was set before adjust the video to it
 video.currentTime = localStorage.getItem("time");
}
let timer = setInterval(getTimestamp,1000);

function getTimestamp(){
  localStorage.setItem("time", video.currentTime);
  console.log(localStorage.getItem("time"));
}
<video id="example" width="320" height="240" controls>
  <source src="yoursourcefile" type="video/mp4">
</video>
...