videojs文档翻译-SeekBar
SeekBar
拖动条和进度条的容器。 使用PlayProgressBar作为其栏。
构造函数
new SeekBar(player, optionsopt)
创造此类的实例
Parameters:
Name | Type | Attributes | Description |
---|---|---|---|
player |
Player |
The |
|
options |
Object | <optional> |
The key/value store of player options. |
延伸
- Slider
成员
playerEvent :string
-
当播放器发生此事件时,调用此滑块的更新事件。
方法
calculateDistance(event) → {number}
-
计算滑块距离
参数:
Name Type Description event
EventTarget~Event 导致此函数运行的事件。
返回:
number -
滑块的当前位置。
- postition.x for vertical `Slider`s 用于垂直滑块
- postition.y for horizontal `Slider`s 用于水平滑块- 继承自:
-
- Slider#calculateDistance
createEl() → {Element}
-
创建此组件的DOM元素
Returns:
Element -
创建的元素。
- Overrides:
-
- Slider#createEl
getPercent() → {number}
-
获取到目前为止已播放媒体的百分比。
返回:
number -
到目前为止播放的媒体的百分比(0到1)。
handleAction(event)
-
切换播放器的播放状态,当在seekbar上使用enter或空格时会调用
参数:
名称 类型 描述 event
EventTarget~Event 导致此函数被调用的按键事件
handleBlur(event)
-
处理此滑块上的
blur
事件。参数:
名称 类型 描述 event
EventTarget~Event 导致此函数运行的blur事件。
监听下列事件:
- event:blur
- 继承自:
-
- Slider#handleBlur
handleClick(event)
-
滑块上的点击事件的侦听器,用于防止点击冒泡到像按钮菜单这样的父元素。
参数:
名称 类型 描述 event
Object 导致此对象运行的事件
- 继承自:
-
- Slider#handleClick
handleFocus(event)
-
处理此滑块上的
focus
事件。参数:
名称 类型 描述 event
EventTarget~Event 导致此函数运行的焦点事件。
监听下列事件:
- event:focus
- 继承自:
-
- Slider#handleFocus
handleKeyPress(event)
-
Called when this SeekBar has focus and a key gets pressed down. By default it will call
this.handleAction
when the key is space or enter.Parameters:
Name Type Description event
EventTarget~Event The
keydown
event that caused this function to be called.Listens to Events:
- event:keydown
- Overrides:
-
- Slider#handleKeyPress
handleMouseDown(event)
-
Handle mouse down on seek bar
Parameters:
Name Type Description event
EventTarget~Event The
mousedown
event that caused this to run.Listens to Events:
- event:mousedown
- Overrides:
-
- Slider#handleMouseDown
handleMouseMove(event)
-
Handle mouse move on seek bar
Parameters:
Name Type Description event
EventTarget~Event The
mousemove
event that caused this to run.Listens to Events:
- event:mousemove
- Overrides:
-
- Slider#handleMouseMove
handleMouseUp(event)
-
Handle mouse up on seek bar
Parameters:
Name Type Description event
EventTarget~Event The
mouseup
event that caused this to run.Listens to Events:
- event:mouseup
- Overrides:
-
- Slider#handleMouseUp
stepBack()
-
仅限键盘用户可以更快地后退
stepForward()
-
快速向前移动只适用于键盘用户
update(eventopt)
-
更新搜索栏UI。
Parameters:
Name Type Attributes Description event
EventTarget~Event <optional> The
timeupdate
orended
event that caused this to run.Listens to Events:
- Player#event:timeupdate
- Player#event:ended
- Overrides:
-
- Slider#update
vertical(boolopt) → {boolean}
-
如果滑块对于垂直方向是水平的,则获取/设置
Parameters:
Name Type Attributes Description bool
boolean <optional> - true if slider is vertical,
- false is horizontal
Returns:
boolean -
- true if slider is vertical, and getting
- false if the slider is horizontal, and getting
- Inherited From:
-
- Slider#vertical
- true if slider is vertical,
Events
slideractive
-
当滑块处于活动状态时触发
Type:
- EventTarget~Event
- Inherited From:
-
- Slider#event:slideractive
sliderinactive
-
当滑块不再处于活动状态时触发。
Type:
- EventTarget~Event
- Inherited From:
-
- Slider#event:sliderinactive
videojs文档翻译-SeekBar的更多相关文章
- videojs文档翻译-api
直播流地址 rtmp://live.hkstv.hk.lxdns.com/live/hks API 接口 (一) Modules 模块 1) browser :浏览器 2) ...
- videojs文档翻译Guides-components
components Components Video.js播放器的架构围绕组件. Player类和所有表示播放器控件和其他UI元素的类都继承自Component类. 这种架构使得可以轻松地以反映DO ...
- videojs文档翻译-Player(v6.0.0-RC.2)
Player 当使用任何Video.js设置方法初始化视频时,将创建Player类的实例. 创建实例后,可以通过两种方式在全局访问: 调用videojs('example_video_1');直接通过 ...
- videojs文档翻译Guides-Plugins
Video.js Plugins Video.js的一大优势在于其插件生态系统,允许来自世界各地的作者分享他们的视频播放器定制.这包括从最简单的UI调整到新的播放技术和资源处理程序的一切! 因为我们将 ...
- videojs文档翻译-EventTarget
EventTarget new EventTarget() EventTarget是一个可以与DOM EventTarget具有相同API的类. 它增加了包含冗长功能的缩写功能. 例如:on函数是 ...
- 一款开源免费跨浏览器的视频播放器--videojs使用介绍
最近项目中的视频功能,需要做到浏览器全兼容,所以之前用html5实现的视频功能就需要进行改造了.在网上翻了个遍,试来试去,在所有的视频播放器中,就数它最实际了.首先我们来看看它的优点: 1.它是开源免 ...
- 【转】一款开源免费跨浏览器的视频播放器--videojs使用介绍
特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/ ...
- 我是如何进行Spring MVC文档翻译项目的环境搭建、项目管理及自动化构建工作的
感兴趣的同学可以关注这个翻译项目 . 我的博客原文 和 我的Github 前段时间翻译的Spring MVC官方文档完成了第一稿,相关的文章和仓库可以点击以下链接.这篇文章,主要是总结一下这个翻译项目 ...
- Hibernate 3.3.2 文档翻译 Day01
Hibernate 3.3.2 文档翻译 翻译人:微冷的雨 第一次书写:2015年11月29日 本人呕心沥血之作,请细心阅读领悟! Day01-1.1 项目描述 微冷的雨翻译:例如,我们将要建立一个可 ...
随机推荐
- 尼恩 Java高并发三部曲 [官方]
高并发 发烧友社群:疯狂创客圈(总入口) 奉上以下珍贵的学习资源: 疯狂创客圈 经典图书 : 极致经典 + 社群大片好评 < Java 高并发 三部曲 > 面试必备 + 大厂必备 + 涨薪 ...
- SpringBoot代码与jar包分离部署
第一步,打出带有jar包的SpringBoot工程 首先配置pom.xml文件 <build> <finalName>demo</finalName> <pl ...
- Linux中查看网络命令
tcp三次握手,所以一直在listening,在等待信号 udp是没有listening状态的,因为不管你在不在都会发信息给你. netstat -r =route -n 可以查看路由
- Python 机器学习实战 —— 监督学习(下)
前言 近年来AI人工智能成为社会发展趋势,在IT行业引起一波热潮,有关机器学习.深度学习.神经网络等文章多不胜数.从智能家居.自动驾驶.无人机.智能机器人到人造卫星.安防军备,无论是国家级军事设备还是 ...
- JavaScript(1)高阶函数filter、map、reduce
前言 需求:有这样一个数组[10, 20, 110, 200, 60, 30, 40] 1.筛选出数组中小于100的元素 2.将筛选出的每个元素的值x2 3.完成第2步之后,将数组中的所有元素加起来 ...
- AcWing 1143. 联络员
Tyvj已经一岁了,网站也由最初的几个用户增加到了上万个用户,随着Tyvj网站的逐步壮大,管理员的数目也越来越多,现在你身为Tyvj管理层的联络员,希望你找到一些通信渠道,使得管理员两两都可以联络(直 ...
- DRF之权限和频率限制
一.权限 权限可以限制用户对视图的访问和对具体数据对象的访问. 在执行视图的dispatch方法前,会先进行视图访问权限的判断 在通过get_object获取对象时,会进行模型对象访问权限的判断 源码 ...
- Hystrix 使用说明
1.什么情况下会触发 fallback 方法 名字 描述 触发fallback EMIT 值传递 NO SUCCESS 执行完成,没有错误 NO FAILURE 执行抛出异常 YES TIMEOUT ...
- MySQL索引类型总结和使用技巧以及注意事项 (转)
在数据库表中,对字段建立索引可以大大提高查询速度.假如我们创建了一个 mytable表: 代码如下: CREATE TABLE mytable( ID INT NOT NULL, us ...
- Java实验项目三——采用面向对象的方式设计线性表
Program: 采用面向对象的方法设计一个线性表,目的是为其他需要用线性表的应用提供线性表对象. 1.list包中,定义线性表类 1 /* 2 * Description:定义线性表类 3 * 4 ...