1、html5 元素的属性中包括了时长(duration)属性。单位为秒。只支持mp4、ogv格式。

http://www.w3school.com.cn/html5/html_5_video_dom.asp

在视频的元数据已加载后,时长属性才可用。

2、视频加载事件处理

当视频可以正常播放且无需停顿时执行,oncanplaythrough 事件。

http://www.ziqiangxuetang.com/jsref/event-oncanplaythrough.html

3、js代码示例

您的浏览器不支持 HTML5 video 元素。

var a=document.getElementById("aa");

function myFunction() {

document.getElementById("demo").innerHTML="视频时长:"+a.duration+"秒";

}

4、jQuery代码

111

function myFunction() {

var a=$("#videoplay").attr("duration");

$("#demo").text("视频时长:"+a+"秒");

}

html5控制录制视频时长,html5读取网页视频时长相关推荐

  1. idm抓取网页视频原理 idm抓取网页视频后怎么提取

    对于网页视频的下载,我们可以使用windows端多线程下载工具--Internet Download Manager,通过Internet Download Manager我们可以直接抓取网页视频,i ...

  2. java spark 读取json_apache-spark - 与aws-java-sdk链接时,在读取json文件时发生Spark崩溃 - 堆栈内存溢出...

    让config.json成为一个小的json文件: { "toto": 1 } 我做了一个简单的代码,用sc.textFile读取json文件(因为文件可以在S3,本地或HDFS上 ...

  3. win7 计算机里显示视频,电脑中看不了网页视频怎么办_网页视频看不了如何解决-win7之家...

    在日常使用电脑的时候,我们经常会需要使用浏览器网页来观看一些视频吧,可是有时候可能会遇到看不了网页视频的情况,如果遇到这样的问题该怎么办呢?小编给大家整理了几点原因和解决方法,下面就给大家讲述一下网页 ...

  4. matlab播放视频的函数,matlab读取/播放视频的函数(1)

    1. 可以用mmreader和 read这两个函数读取视频帧 readerobj = mmreader('xylophone.mpg'); vidFrames = read(readerobj); 具 ...

  5. 5G网络逐渐普及TSINGSEE青犀视频云边端架构网页视频实时互动直播系统又将如何发展?

    国家发展的风口浪尖是互联网,互联网发展的风口浪尖是5G.中国工程院院士.中国互联网协会理事长邬贺铨说:未来5G会进一步使宽带化的移动互联网应用变得无处不在,支撑起一个万物互联的时代.5G以其超大宽带. ...

  6. 浏览器怎么录制网页视频?3种网页视频录制方法

    我们每天都会在浏览器上观看大量的视频,尤其是在爱奇艺.腾讯.哔哩哔哩等网页上.有时候就会观看到一些精彩的视频画面,就想要将这些画面给下载. 那怎么把网页视频录制下来?今天本文就给大家分享3种有效的网页 ...

  7. 下载网页视频的软件 下载网页视频的方法

    视频已然成为一种非常有力的展示方式,我们想要下载视频内容,需要用到下载网页视频的软件,如今这类软件有很多.下载网页视频的方法,也因为使用的软件不同,方法各异.下面我们就来看详细介绍吧! 一.下载网页视 ...

  8. 视频会议/远程医疗/在线教育网页视频实时音视频通话目前有什么优势和不足?

    很长时间以来,实时通信能力一直是电信类专用设备(如电话.手机)的专有属性.随着各种互联网应用和移动互联网应用的层出不穷,特别是随着用户接入带宽条件的不断改善,许多新的应用都对实时通信服务有着切实的需求 ...

  9. VR普及成视频主流,TSINGSEE青犀视频云服务将从EasyPlayer.js播放器支持VR播放启动VR研发

    VR+行业是下一代计算平台的应用发展趋势,VR与视频直播的结合更是未来的主流方向.为了使各行业快速应用VR视频,TSINGSEE青犀视频正在着力研发关于网页视频VR播放的新项目,打造新型的VR视频云服 ...

最新文章

  1. 集中配置管理工具puppet安装使用
  2. 5折交叉验证_数据集的划分——交叉验证法
  3. Altium Designer20 PCB板子绘制
  4. html5 ie10支持,ie10支不支持html5|Internet Explorer10完美支持HTML5_好特教程
  5. 如何用excel做正交分析_使用Excel进行有交互作用的正交设计方差分析
  6. templateref html内容,angular4中的ElemenetRef和TemplateRef之间的区别
  7. php netstat,Netstat 命令详解
  8. python爬取喜马拉雅vip音频安卓_Python爬虫:爬取喜马拉雅音频数据详解
  9. mysql修改指定记录_sql操作之修改记录值
  10. Arduino应用开发——TCP/IP无线传输
  11. 软工网络15团队作业9——项目验收与总结
  12. markdown自动生成导航目录
  13. 【待写】x265:CRF、ABR、CQP码控模式性能测试
  14. GitHub Ribbons
  15. 常用的windows快捷键
  16. android健身app毕设,基于Android技术的菲特健身房app系统的设计与实现.zip
  17. 我的物联网项目(三)平台架构
  18. 仓储管理之计价方法——先进先出法
  19. 我,程序员,想做人工智能,可现实劝我回头是岸!
  20. 声调之调类、调值、调型、调形、调层、调域

热门文章

  1. mysql数据库索引案例_MySQL 数据库案例优化分享-爱可生
  2. 计算机教学实验操作环境,虚拟机简化配置多媒体教学实验环境
  3. 捷俊通地磅称重软件在垃圾处理厂中的应用
  4. 利用python更改json中的图片路径
  5. 在计算机中 无符号书最常用于表示,微型计算机原理及应用试题库(无答案)
  6. 电脑桌面显示待办事项怎么办
  7. centos7 安装 bitcoin 详解(linux挂载数据盘用于存放区块数据)
  8. 盖县天气预报软件测试,盖州天气预报15天
  9. rax自定义微信小程序导航栏
  10. 第一部用计算机虚拟现实,“通过计算机虚拟现实﹐而不去进行昂贵的度假"是利用了40个发明原理中的( ) 。...