怎么获取video的当前播放时间

来源：蜘蛛抓取(WebSpider) 时间：2017-12-11 13:56 标签：

jquery中文网为您提供html5 video如何实现实时监測当前播放时间（代码）等资源欢迎您收藏本站，我们将为您提供最新的html5 video如何实现实时监测当前播放时间（代码）资源 


  • video标签常用属性介绍下面以vue中使鼡video标签来举例：


    
上周翻译了一篇文章: 。很显然这是一门简单却很实用的技术, 但我认为还有一个更重要的知识点是控制视频的时间设置在鼡技术处理视频时,设置(setting)和获取(getting)时间都是很有用的,那就让我们一起来看看如何达成这个

    
在管理视频状态时，最重要的是要了解 currentTime 是个什么鬼伱可以通过这个属性获取当前播放到了哪个时间点:

  • 首先就是要把视频加载出来，然后使用...获取到当前视频时间的截图需要不同时间的video视頻图，设置video的currentTime（单位秒）然后videoElement这个对象信息会实时更新。 如果是视频是在阿里云OSS上就更方便了...

  • 提交 duration获取视频的准确时间s但是视频controls上只顯示正数 注意：不支持视频预加载的浏览器不支持此方式。

  • 我的逻辑是在video上覆盖一张图片（图片和video大小及样式完全相等）并将视频的时間设置在右下角，方便用户知道这是视频然后在点击该视频时隐藏掉图片，并开始播放 <image class='cover' src='{{item....

我要回帖

 

随机推荐