重庆时时彩计划 稳定版:重庆时时彩开奖记录

关闭

核弹头小游戏

游戏轻松点
无需下载,点开即玩

拿起手机!扫我啊

核弹头小游戏
无需下载点击即玩

回到顶部

当前位置: 重庆时时彩开奖记录 > 游戏教程 > 正文

html5 video进度条获取设置教程

重庆时时彩开奖记录 www.iogb5.com.cn 来源:重庆时时彩开奖记录 www.iogb5.com.cn    作者:集   时间:2016-04-19

许多小伙伴都在问html5 video进度条怎么设置,怎么获取和设置当前的视频进度,本文小编就为您详解。

在用HTML5技术处理视频时,设置(setting)和获取(getting)时间都是非常重要的,你见过哪个视频没有进度条吗?那么你知道怎么设置进度条吗?本文小编就为您详解。

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

// https://www.youtube.com/watch?v=Cwkej79U3ek
console.log(video.currentTime); // 25.431747

currentTime 既是 getter 又是 setter 属性, 所以可以直接设置 currentTime 值来控制播放进度:

video.currentTime = 0; // Restart

API 接口很容易理解,而且是自解释的(self-explanatory)。你仍然需要处理“second”来指定时间,包括内在实际的和外在显示的(both inward and outward),但是秒(second)这个单位和你预期的一样公平,所以说这个API设计是非常巧妙的。

<video id="videoIntro" class="video"
data-video-name="intro" poster="//c1.mifile.cn/f/i/2014/cn/goods/air/overall/video-main-poster.jpg" style="height: 600px; width: 800px; display: none;">
<source type="video/mp4"
src="//c1.mifile.cn/f/i/2014/cn/goods/air/overall/video-intro.mp4?2014120901">
<source type="video/webm"
src="//c1.mifile.cn/f/i/2014/cn/goods/air/overall/video-intro.webm?2014120901">
</video>

此外,苹果官网的演示也采用这样的控制模式。

核弹头小游戏网发布此文仅为传递信息,不代表认同其观点或者证实其描述!
  • 李永波:伦敦“黄金一代”里约迎挑战 2018-11-19
  • 如何“炸掉”一颗星星:恒星爆发背后推手 2018-11-19
  • 光明网时评频道原创稿件(漫画)转载声明 2018-11-18
  • 骆惠宁主持召开十一届省委全面深化改革领导小组第十五次会议 2018-11-18
  • 晋城到运城要建高铁啦! 2018-11-17
  • 大阪发生6.1级地震 至少造成3人死亡 2018-11-16
  • 【新时代 新作为 新篇章】特色枣木香菇畅销市场 2018-11-15
  • 广州市第十五届人大常委会第十四次会议第一次全体会议 2018-11-15
  • 国家市场监管总局:改革调整强制性产品认证目录及实施方式 2018-11-14
  • 《向往的生活》蘑菇屋F4秒变土味F4引爆笑 黄磊扮演"道明磊" 2018-11-14
  • 做奋斗者  做实干家 2018-11-13
  • 韩国提东亚四国联合申办世界杯,中国足协:并无计划 2018-11-12
  • 世界杯揭幕战打响 现场球迷抢眼 2018-11-12
  • 紫光阁中共中央国家机关工作委员会 2018-11-11
  • 法制日报:打赏制别损害消费者权益 2018-11-11
  • 548| 496| 675| 100| 804| 558| 762| 317| 475| 58|