Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >Js实现video自动跳转到上次观看的位置、获取视频总时长

Js实现video自动跳转到上次观看的位置、获取视频总时长

作者头像
明知山
发布于 2020-09-03 02:34:43
发布于 2020-09-03 02:34:43
5.3K00
代码可运行
举报
文章被收录于专栏:前端开发随笔前端开发随笔
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <video id="myvideo" controls>
      <source
        src="https://vdse.bdstatic.com//b84fba2d24e31318aea3b215b0d394a9?authorization=bce-auth-v1/fb297a5cc0fb434c971b8fa103e8dd7b/2017-05-11T09:02:31Z/-1//243721300cb13899ad3f3b37abde401c8aafdb6c21222eedf75ba61771ae42d4"
        type="video/mp4"
      />
    </video>
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  $(document).ready(function () {
      var myvideo = document.getElementById("myvideo");
      // 获取视频观看进度
      myvideo.addEventListener("timeupdate", function () {
          console.log(myvideo.currentTime)
      });
      // 让视频观看到第10s
      myvideo.currentTime = 10;
      //获取视频的总长度
      console.log(myvideo.duration)
  })
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/09/18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
H5电影电视前端界面完整代码分享
github代码地址:https://github.com/Miofly/mio.git
用户10106350
2022/10/28
7200
H5电影电视前端界面完整代码分享
Dubbo 分布式架构搭建教育 PC 站 - 前端:Vue 代码
src\router\index.js import Vue from 'vue' import VueRouter from 'vue-router' import Vuex from 'vuex' import Index from '../components/Index.vue' import Course from '../components/Course.vue' Vue.use(VueRouter) Vue.use(Vuex) const videoDetail = () => imp
RendaZhang
2020/11/04
1.3K0
从零开发弹幕视频播放器
这是一个系列文章。本文章将介绍,如何制作一个简单的视频播放器。用少量关键的代码来实现视频播放器核心功能。
羽月
2022/10/09
4.5K0
从零开发弹幕视频播放器
关于小程序video组件视频url获取方法
我们从腾讯视频网站上找到一个视频网页的连接,具体步骤就是打开视频点击分享,那个分享的链接就是我们要的
李才哥
2019/07/10
8.7K1
关于小程序video组件视频url获取方法
CMS指纹字典大全[通俗易懂]
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/10
4.8K0
从零开始的内存马分析——如何骑马反杀(一)
在某次实战攻防中,有一对儿小马和大马,他们两个通过了层层设备,终于打入了内网,只是在砍杀的过程中,露出了马脚,从巨大的流量中,被挖了出来,可是,真的有这么容易吗?真的如我们所愿吗?随着你的越发深入的对木马,流量进行解密,你的心中越发的不安……
亿人安全
2022/08/30
6.6K0
从零开始的内存马分析——如何骑马反杀(一)
valine 评论和美化
应用创建好以后,进入刚刚创建的应用,选择左下角的设置>应用Key,然后就能看到你的APP ID和APP Key了:
匿名用户的日记
2021/12/14
5.2K0
valine 评论和美化
9.HTML多媒体对象标签元素介绍
描述: 本章节主要讲解音视频多媒体标签元素的使用示例,帮助各位学习者快速入门HTML标签。
全栈工程师修炼指南
2023/04/18
1.6K0
9.HTML多媒体对象标签元素介绍
signature=0fdde99449705347b1bc3148e0519684,yarn.lock · mirrors_yeoman/generator-generator – Gitee.co
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
全栈程序员站长
2022/10/02
4910
Python 智能项目:1~5
人工智能(AI)在过去几年中一直处于技术的最前沿,并已进入主流应用,例如专家系统,移动设备上的个性化应用, 自然语言处理中的机器翻译,聊天机器人,自动驾驶汽车等。 但是,AI 的定义在很长一段时间以来一直是一个争论的主题。 这主要是因为所谓的 AI 效应将过去已经通过 AI 解决的工作归类为非 AI。 根据一位著名的计算机科学家的说法:
ApacheCN_飞龙
2023/04/23
1.1K0
从零开始的内存马分析——如何骑马反杀(二)
第二天,你终于将内存马提取出来了,现在,你越发的想知道他的运行逻辑,越发的想知道他到底进内部干了什么事儿,你必须和时间进行搏斗,分秒必争!可是,如果按照他的流量进行操作,你的电脑也会有风险!管不了了,只能模拟流量了!为了之后几天还能吃上饭,你开始了对自己电脑的攻击……
亿人安全
2022/12/22
7.3K0
从零开始的内存马分析——如何骑马反杀(二)
柠檬鸭组织样本分析
•设置防火墙规则,转发65532、65531、65529的请求到1.1.1.1•创建计划任务定时启动•写入批处理检测cmd.exe进程•如果cmd.exe进程数量大于10则重启机器
HACK学习
2021/02/01
3.4K0
》》初识移动端–rem
转载于:https://www.cnblogs.com/1007573044qqcom/p/7988336.html
全栈程序员站长
2022/09/15
9710
Android注册表_手机注册表文件在哪里
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/04
15.2K0
Data URI scheme「建议收藏」
data URI scheme 允许我们使用内联(inline-code)的方式在网页中包含数据,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。常用于将图片嵌入网页。
全栈程序员站长
2022/11/02
6130
Improvise_a_Jazz_Solo_with_an_LSTM_Network_v3a-2
Welcome to your final programming assignment of this week! In this notebook, you will implement a model that uses an LSTM to generate music. You will even be able to listen to your own music at the end of the assignment.
列夫托尔斯昊
2020/08/25
1.6K0
Improvise_a_Jazz_Solo_with_an_LSTM_Network_v3a-2
GCP 上的人工智能实用指南:第一、二部分
在本节中,我们将介绍 Google Cloud Platform(GCP)上的无服务器计算基础。 我们还将概述 GCP 上可用的 AI 组件,并向您介绍 GCP 上的各种计算和处理选项。
ApacheCN_飞龙
2023/04/26
18.6K0
脑语言v0.5.8 2500令【单字编程】
注:这是脑语言v0.5.8版的2500个单字(也称为“令”与“一令”),通过【单字编程】(并不仅是中文编程,而是混合英文关键字,但以单字为主的命名)也许是英文不太好时又希望能写代码的其中一种方式。
脑语言
2022/07/11
4.1K0
脑语言v0.5.8 2500令【单字编程】
socket默认端口号(socket和端口的关系)
from: http://www.iana.org/assignments/port-numbers
全栈程序员站长
2022/08/01
9.5K0
相关推荐
H5电影电视前端界面完整代码分享
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档