记住视频播放最后位置Jquery ajax PHP

嗨大家好,有没有Php / Javascript / Ajax代码可以将视频的最后位置自动存储到数据库中(如Youtube),或者代码可以每隔一分钟存储一次视频时间,而访问者可以从该时间恢复视频,请告诉我是否有任何代码我不想为此使用任何插件,我正在学习php,javascript,ajax,因此请告诉我基本级别的代码

评论
Seven
Seven

这是一个示例,您如何定期存储视频时间。

const video = document.querySelector("video");
const videoId = video.src;
let intervalHandle = null;


video.addEventListener("play", (event) => {
  intervalHandle = setInterval(() => {
    savePosition(videoId, video.currentTime);
  }, 5000)
})

video.addEventListener("pause", (event) => {
  clearInterval(intervalHandle);
})

const getPosition = (videoId) => {
  // fetch(url) ...
  const defaultPosition = {
    videoId,
    position: 0
  }

  try {
    return localStorage.getItem("position") || defaultPosition;
  } catch (error) {

  }

  return defaultPosition;
}

const savePosition = (videoId, position) => {
  // fetch(url, {method: 'POST', body: {videoId, position}}) ...
  try {
    localStorage.setItem("position", JSON.stringify({
      videoId,
      position
    }));
  } catch (error) {}
}

const result = getPosition(videoId);

video.currentTime = result.position;
<video id="video" width="320" height="240" controls>

 <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>
点赞
评论