视频记忆--上次播放时间--适于pc-阿里云开发者社区

视频记忆--上次播放时间--适于pc

2023-09-15 115

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 视频记忆--上次播放时间--适于pc

<!DOCTYPE html>
<html>
    <head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title>放到服务器上测试效果--记忆播放时间</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/store.js/1.3.20/store.js"></script>
<script>
// 整体代码响应式处理--手机
var kk = document.documentElement.clientWidth;
if (kk > 750) {
  kk = 750
}
document.documentElement.style.fontSize = kk / 7.5 + "px"
</script>
</head>
      <body>
        <div class="div">
        <video class="video000" id="myvideo" controls="controls" style="width: 6rem;height: 200px;"x5-playsinline>
        <source src="1_0.mp4" type="video/mp4"></source>
      </video>
    </div>
    <script type="text/javascript">
      var video = document.getElementsByTagName('video')[0];
      var currentTime = localStorage.getItem("currentTime");
      console.log(currentTime);
      video.addEventListener("loadedmetadata", function() {
        this.currentTime = currentTime;
      });
      video.addEventListener("timeupdate", function() {
        var currentTime = Math.floor(video.currentTime);
        localStorage.setItem("currentTime", currentTime);
        console.log(localStorage.getItem("currentTime"));
      });
      video.setAttribute("x5-playsinline", ""); //这是处理视频兼容--不让放大
    </script>
  </body>
</html>

视频记忆--上次播放时间--适于pc

热门文章

最新文章

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

视频记忆--上次播放时间--适于pc

热门文章

最新文章

相关电子书