html5读取网页视频时长

最新推荐文章于 2023-07-31 13:41:14 发布
VIP文章 最新推荐文章于 2023-07-31 13:41:14 发布
阅读量1.8w 收藏 4
点赞数
分类专栏： JavaWeb项目开发 文章标签： html5 video 时长
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/youngage/article/details/44674537
版权
1、html5 <video>元素的属性中包括了时长（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代码示例

<html>
<body>
<video id="aa" controls oncanplaythrough="myFunction()">
<source src="mov_bbb.mp4" type="video/mp4">

最低0.47元/天 解锁文章
youngage
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python selenium 查找隐藏元素 自动播放视频功能
12-25
在使用python做爬虫的过程中，有些页面的的部分数据是通过js异步加载的，js调用接口的请求中有时还带有些加密的参数很难破解无法使用requests这样的包直接爬取数据，因此需要借助seleniu来完成js的自动加载。 通过selenium 模拟浏览器的真是操作来获取页面中的所有请求，并且可以查找到一下页面上一些隐藏的元素，这些元素在html源码中无法看到，并且和能通过xpath和正则来捕获，因此需要使用selenium来查找隐藏元素，例如视频网站的播放按钮 代码如下 import time # 导入自动化测试模块 from selenium import webdriver from s
PHPCMS V9.6.6 修改版
08-04
5. 验证码修改 6. 支持H5上传，移除Flash上传 7. 修改后台缩略图裁切图片，移除Flash裁切改为H5裁切 8. 后台附件上传修改为H5上传，会员头像上传修改为H5上传 9. 修改后台界面，修改后台登录界面、后台锁屏界面、...
获取HTML5视频时长的方法
那都不是事
01-22 7025
HTML5是令人兴奋的，单从我们再也不需要Flash和其它第三方浏览器插件播放视频这一点上说就已经足够了。 在 HTML5视频上我们可以自定义播放控制和现实效果，我们还可以在线获取视频的各种信息，比如今天要说的如果获取视频时长信息。 JavaScript代码 video元素有一个duration属性，它表示的是视频时长的秒数，在页面上为了能更友好的显示时间，我们还需要对
html5 中的video标签 获取视频总时长，当前播放时间,播放结束触发的的事件， 及一些常用的video 事件
热门推荐
业余前端的职业经历
01-08 2万+
还是和往常一样废话不多BB 直接上代码 我也要去吃饭了 太饿了 <video id=“vid”> <source src="./video.mp4"></video> //尽量这样写 别直接再video中写src 那样会出现啊兼容性问题 <div class="time1">00:00:00</div> //视频播放时间 &lt...
html5 获取视频长度,获取HTML5视频的时间长度
weixin_32512451的博客
06-07 1371
HTML5视频的Bigger体验是非常令人振奋的,很简单的道理，不用加载和依赖烦人的Flash或其他第三方插件来播放视频，也是大功一件。我们可以通过自定义控件对视频进行显示和操控,其中一个常见的需求是显示视频的时长(duration)。下面我们一起来看看如何获得并显示视频的持续时间!JavaScript 代码video 元素有一个属性(property)叫做 duration,表示的是视频内容的时...
解决：移动端H5的＜video＞初始化拿不到总时长
学习使我快乐_玉祥
07-30 727
在的初始化后，会调用如下事件。解决方案：添加自动播放属性：然后这个方法里，用js在0.01秒后主动关闭播放，接着在0.1秒之后获取视频总长度即可（这里用0.01秒有几率失败）。这样连视频的预览图都省了，哈哈哈😁😁😁😁😁。。。。
前端如何获取音视频时长（包括只有文件没地址情况时）
最新发布
weixin_50236973的博客
07-31 2194
【代码】前端如何获取音视频时长（包括只有文件没地址情况时）
H5 input video 自拍 获取视频时长时间 和大小 以上传限制
ASP.NET
05-27 2719
限苹果手机，以下自测通过，安卓手机不支持 loadedmetadata <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="file" accept="video/*" capture="user" id='uploa.
H5的video标签的属性和播放事件
彭良维的专栏
07-13 2万+
video> 标签是 HTML 5 的新标签。 属性有：autoplay   controls   end   loopend   loopstart   playcount   poster   src   start   width 属性具体描述请产考w3C html5手册 video标签有许多默认的事件。从开始加载到播放结束，都经历了哪些事件呢？这些事件的触发顺序如何？ [1
html5 video获取当前时间和视频总时间长度
weixin_30924087的博客
10-24 4797
　html： <video id="video-active" class="video-active" width="640" height="390" controls="controls"> <source src="myvideo.mp4" type="video/mp4"> </vid...
js获取视频时长代码
10-26
下面的这段js获取视频时长代码是网上找的，还没有测试,需要的朋友可以参考下
h5 video标签
confoo的专栏
10-13 1731
ondurationchange在手机上的状态 点击视频列表中的图片进入视频详细页， 状态1：进入详细页后由于执行到video标签，ondurationchange会被执行到，此时会video标签会打印一个1（$('video').duration） 状态2：当用户点击video标签后会返回一个正确的视频总时长 状态3：当用户点击全屏，进入手机全屏状态播放时，ondurationchang
javascript中使用video实现视频的缓冲，加载与下载，获取视频的时长
黄小米的日常
08-07 1万+
这是本人的第一个博客，今天主要说明video的用的较少的一些功能，像play,paused这些属性或者play(),pause()这些方法不在本章的讲解内容内 var video = document.getElementById(‘video’) 获取video的视频时长 获取视频时长是最基本也最简单的，通过video.duration,以秒为单位，但该属性放在任何监听事件之前并不能拿到真实的值...
如何获取HTML5视频的持续时间
weixin_33949359的博客
03-14 270
HTML5视频的Bigger体验是非常令人振奋的,很简单的道理，不用加载和依赖烦人的Flash或其他第三方插件来播放视频，也是大功一件。我们可以通过自定义控件对视频进行显示和操控,其中一个常见的需求是显示视频的时长(duration)。下面我们一起来看看如何获得并显示视频的持续时间! JavaScript 代码 video 元素...
获取网上流视频总时长和当前播放时长
weixin_34365635的博客
11-22 1445
1.获取网上流视频总时长 NSURL *movieURL = [NSURL URLWithString:self.myVideoUrlStr]; NSDictionary *opts = [NSDictionarydictionaryWithObject: [NSNumbernumberWithBool:NO]forKey:AVURLAssetPreferPrecise...
audio 标签 加载url 音频总时长及拖动条不能拖动 问题
t0m的专栏
02-05 4082
H5的audio标签，在使用过程中，出现有些情况出现总时长，有些时候没有总时长的情况。 有总时长：src是本地文件时，及使用云存储url地址时，显示总时长。 <div id="audioDiv"> <audio id="aud" controls preload> <source src="a.wav" type="audio/wav"> </audio> </div> 无总时长：src地址是后台服务器读取音频文件后，回写的数
html5视频时长代码,html5读取网页视频时长
weixin_39558391的博客
06-07 419
1、html5 元素的属性中包括了时长(duration)属性。单位为秒。只支持mp4、ogv格式。http://www.w3school.com.cn/html5/html_5_video_dom.asp在视频的元数据已加载后，时长属性才可用。2、视频加载事件处理当视频可以正常播放且无需停顿时执行，oncanplaythrough 事件。http://www.ziqiangxuetang.com...
html5 video 视频页面内缓存 - 全量加载方法
05-31
HTML5的video标签默认会根据视频的长度和大小进行缓存，但是这种方式可能会占用大量的带宽和内存，对于用户体验和网站性能都有一定的影响。如果你希望视频在页面内全部缓存，可以使用以下方法： 1. 使用preload属性...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值