记住视频播放最后位置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>