重庆时时彩开奖直播:重庆时时彩开奖记录

关闭

核弹头小游戏

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

拿起手机!扫我啊

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

回到顶部

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

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>

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

核弹头小游戏网发布此文仅为传递信息,不代表认同其观点或者证实其描述!
  • 紫光阁中共中央国家机关工作委员会 2019-06-26
  • 师兄师姐给中考考生打气加油 2019-06-25
  • 我省将建教师个人师德报告制度 2019-06-25
  • 探访ICU病房里的“特种兵”|No.434 2019-06-24
  • A股今年有望迎来首家农商行!紫金农商行下周四IPO上会 2019-06-23
  • 【今日之星】李宝:立志做大国工匠 2019-06-23
  • 2012年环球时报总评榜出席嘉宾精彩演讲 2019-06-22
  • 舟山检验检疫局积极“搭台” 助力企业唱响“三同”戏 2019-06-21
  • 【十九大·理论新视野】为什么强调执政党建设“伟大工程”? 2019-06-20
  • 日本大阪6.1级地震已致4人死亡 370多人受伤 2019-06-20
  • 慈善实践与新时代道德建设 2019-06-19
  • 黄渤挑战苏绣“一出好戏” 2019-06-18
  • 民政厅“挪公款盖私房”实属集体腐败 2019-06-18
  • 最高法发布互联网公开审判流程信息规定 9月1日起施行 2019-06-17
  • 秘鲁丹麦世界排名靠前且接近 两队目标:小组第二 2019-06-16
  • 体彩排列3专家预测 黑龙江22选5一等奖奖金多少 青海快3走势图基本走势图 蓝姐三中三规律平码车友论坛 35选7三等奖是多少钱 好运彩3投注 彩票混合过关中一个 超级大乐透玩法 加拿大快乐8查询 中超赌球 精准波叔一波中特图 河北快3走势图开奖 带人买彩票骗局 极速11选5直播 新疆时时彩免费软件