html5 video获取当前时间和视频总时间长度
html:
<video
id="video-active"
class="video-active"
width="640"
height="390"
controls="controls">
<source src="myvideo.mp4" type="video/mp4">
</video>
<div id="current">0:00</div>
<div id="duration">0:00</div>
js:
$(document).ready(function(){
  $("#video-active").on(
    "timeupdate",
    function(event){
      onTrackedVideoFrame(this.currentTime, this.duration);
    });
}
function onTrackedVideoFrame(currentTime, duration){
    $("#current").text(currentTime);
    $("#duration").text(duration);
}												
											html5 video获取当前时间和视频总时间长度的更多相关文章
- html5 video获取实时播放进度的方法
		getvideoprogress(); function getvideoprogress() { setTimeout(function () { var vid = document.getEle ... 
- 【转】Android HTML5 Video视频标签自动播放与自动全屏问题解决
		为了解决 HTML5Video视频标签自动播放与全屏问题,在网上找了很多相关资料,网上也很多关于此问题解决方法,但几乎都不能解决问题,特别对各大视频网站传回来的html5网页视频自动播放与全屏问题,我 ... 
- HTML5 video标签播放视频下载原理
		HTML5 video https://github.com/remy/html5demos/blob/master/demos/video.html <video preload=" ... 
- HTML5 video 视频标签全属性详解
		现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.Chrome),支持H.264的(Safari.IE ... 
- HTML5 Video(视频)
		HTML5 Video(视频) 很多站点都会使用到视频. HTML5 提供了展示视频的标准. 检测您的浏览器是否支持 HTML5 视频: 检测 Web站点上的视频 直到现在,仍然不存在一项旨在网页上显 ... 
- html5 video标签屏蔽右键视频另存为的js代码-HTML5教程
		点评:html5 video标签本身有下载功能但是在video区域内,点击右键可以将“视频另存为”下面是屏蔽右键视频另存为的js代码,有此需求的朋友不要错过 做HTML5的video标签,本身我们 ... 
- 让所有浏览器支持HTML5 video视频标签
		HTML5究竟需要多少种视频编码格式 当前,video 元素支持三种视频格式:Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件MPEG4 = 带有 H.264 视频编 ... 
- html5 video微信浏览器视频不能自动播放
		html5 video微信浏览器视频不能自动播放 一.微信浏览器(x5内核): 1.不能自动播放 2.全屏 3.最顶层(z层的最顶层) 二.ios系统解决方案:(无phone手机未测试) <au ... 
- html5 video标签如何禁止视频下载
		html5 video标签如何禁止视频下载 一.总结 一句话总结:bing方法给video对象绑定return false的匿名方法. 1.html5 video标签如何禁止视频下载? bing方法给 ... 
随机推荐
- eclipse安装checkStyle
			今天用eclipse mars 安装checkstyle 代码测试工具,安装完后重启竟然没有,最后发现原来是 自己安装的步骤错了,记录下. 1. 我的版本是:Version: Mars.2 Relea ... 
- Struts学习-Hibernate2
			一. 1.配置 <!-- hibernate-core --> <dependency> <groupId>org.hibernate</groupId> ... 
- memcached  php-memcache 扩展
			1.安装 libevent wget https://github.com/downloads/libevent/libevent/libevent-2.0.21-stable.tar.gz tar ... 
- cmd:相关命令和笔记
			(1)查看git版本:git --version (2) 
- JavaScript函数的声明与调用方式
			入职第一天小记 对于初入前端的程序猿来说,对于函数的理解与使用可谓是相当浅薄的,回顾这自己近几年的工作以及学习经历,准备对JavaScript来个系统的总结. 如果要我们对H5中的表单做个简单的校验, ... 
- C#检验IIS版本、SQL Server版本、SilverLight版本
			之前做一个小项目,使用C#检验这些软件的版本,到处找了一些代码,也能作用,记录一下,以防以后用到. 一.检验IIS版本 public static bool checkIIS(string destV ... 
- 【[NOI2016]区间】
			发现自己的离散化姿势一直有问题 今天终于掌握了正确的姿势 虽然这并不能阻挡我noip退役爆零的历史进程 还是先来看看离散化怎么写吧,我以前都是这么写的 for(std::set<int>: ... 
- 【转】Android单帧动画Rotate旋转
			项目有一个需求,有一个刷新按钮,上面放着一个常见的静止的刷新圆圈,如下图: 一旦用户按了刷新按钮,需要让这个刷新圆圈转动起来,让用户感觉到程序还在运行着,而不是卡死了. 有两个思路,一是将这个图按照旋 ... 
- python SQL注入测试脚本(更新中)
			import requests import json import warnings warnings.filterwarnings("ignore") url = 'https ... 
- 决策树在sklearn中的实现
			1 概述 1.1 决策树是如何工作的 1.2 构建决策树 1.2.1 ID3算法构建决策树 1.2.2 简单实例 1.2.3 ID3的局限性 1.3 C4.5算法 & CART算法 1.3.1 ... 
