代码如下,localStorage里的currentTime可以拿到,但是点击播放还是从头开始啊

var video = document.getElementById('myvideo');

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"));

});

想做成类似https://po.baidu.com/feed/video?context=%7B%22internal_url%22%3A%22http%253A%252F%252Fwww.internal.video.baidu.com%252F61465f8e083224e8618715343e8e508b.html%22%2C%22sourceFrom%22%3A%22trans%22%7D这种的

html5 video安排位置,js H5 video如何在关闭页面后记住播放位置,下次进入直接从该位置开始播放...相关推荐

  1. js 全屏显示和关闭页面

    js使ie全屏显示(转) 文章分类:Web前端 第一种: 在已经打开的一个普通网页上,点击"全屏显示",然后进入该网页对应的全屏模式.方法为:在网页的<body>与&l ...

  2. H5微信公众号关闭页面

    function closePage(){setTimeout(function() {//安卓手机document.addEventListener("WeixinJSBridgeRead ...

  3. H5 video 开发问题及相关知识点

    相关链接: H5 video 的使用 H5 video 全屏播放 ♢ video点播与直播  H5 video目前所有浏览器都支持的视频格式是MP4格式,所以mp4应当是点播web视频的首选格式. 而 ...

  4. uniapp h5直播拉流的几种方法 flv.js, video.js, 阿里播放器sdk,video标签

    uniapp h5直播拉流的几种方法 flv.js, video.js, 阿里播放器sdk,video标签 前言 首先引入资源文件 需要创建index.html 模板文件 flv.js video.j ...

  5. SkeyeWebPlayer.js H5播放器开发之播放器video动态创建(三)

    SkeyeWebPlayer.js H5播放器是由成都视开信息科技开发和维护的一个完善的RTSP.FLV.HLS等多种流媒体协议播放,视频编码支持H.264,H.265,音频支持AAC,支持TCP/U ...

  6. html5 video全屏api,H5+ app使用多媒体(video、webview)API视频展示以及全屏

    在H5+ 实现混合app的页面中实现视频的展示,进度条以及全屏的实现,设置窗体自定义的导航栏.以及返回返回键业务场景:点击按钮出现一个视频播放的窗口,该窗口可以根据手机的横竖屏来调整视频的显示,以及具 ...

  7. html5 video标签不能播放视频,h5 video 视频不能正常播放

    在页面中用video标签嵌入了一个视频: 其中 video 的 poster 属性的值和 source 的 src 的值都是存在 json 数组里动态获取的. 这个页面用ios自带的浏览器和qq直接打 ...

  8. 视频H5 video最佳实践

    视频H5 video最佳实践 video的属性 <video   id="video"    src="video.mp4"    controls = ...

  9. H5 video标签的用法及问题

    关于HTML5视频标签的问题 一.基本 video标签在兼容性上还是比较差的,如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8的(Opera.Mozilla.Ch ...

最新文章

  1. 基本粒子群算法(PSO)的改进
  2. python一年365天、初始水平值_2020年11月7日,20201107
  3. boost::mp11::mp_remove_if相关用法的测试程序
  4. oracle数据库sid已存在,Oracle SID在本机下已经存在,请指定一个不同的SID”的解决方法...
  5. Mybatis的案例和接口代理开发和模板配置
  6. Windows下使用taskkill 命令批量结束进程
  7. 记一份电网信息化建设企业信息分析平台规划
  8. 股票历史数据-股票数据下载
  9. ThinkPad T470P拆机加固态硬盘 建兴 T11 plus
  10. 浙大PAT 1063
  11. 全国所有火车站站点信息
  12. _ETHREAD断链 —— 实现线程隐藏
  13. vue 实现video动态播放本地视频
  14. DDR(一)——基础理论
  15. 春天猫rtsy_您最近见过春天吗?
  16. VS2019 C语言,在一个项目中添加多个包含main函数的源文件并分别调试运行
  17. 双时隙的工作原理_一文读懂跨阻放大器的工作原理
  18. 学“建模”需要的电脑配置
  19. 电脑远程管理手机文件夹
  20. Vue3中使用用户引导插件driver.js

热门文章

  1. 关于AD转换设计经验总结82条
  2. 一则Sql统计的语句
  3. 曲线救国!通过VirtualBox让Windows Server 2008 R2也用上蓝牙
  4. 从入门到高手:大数据领域就业和发展指南
  5. 论文阅读 SECOND:Sparsely Embedded Convolutional Detection
  6. 行业专网应用频段分析
  7. Android开发——底部导航栏设计
  8. YY直播洗号产业链如何运作?戳进来看看!
  9. U盘装win7系统nbsp;NTLDRnbsp;is…
  10. CDLinux的U盘简便安装方法