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 项目描述 微冷的雨翻译:例如,我们将要建立一个可 ...
随机推荐
- Ubuntu安装ibmmq
一.前言 安装整个ibmmq的过程中,真的气炸了,在网上搜索到的答案千篇一律,一个安装部署文档居然没有链接地址:为了找到这个开发版本的下载地址找了一下午,不容易啊.也提醒了自己写博文还是得有责任心,把 ...
- redis学习第一天
不同于其他的常用关系型数据库,redis是一个非常轻便,体积小,存放键值对的数据库,常用于构建高性能,可扩展的Web应用程序. 这是我第一次接触redis,之前没有使用过,只听说过.因为刚毕业,找工作 ...
- Java-Lambda相关使用介绍
频繁使用的语句 Lambda又涉及到comparator和comparable区别(Comparable是实现comparable接口,实现后可以使用Collections.sort或Arrays ...
- Netty 框架学习 —— 基于 Netty 的 HTTP/HTTPS 应用程序
通过 SSL/TLS 保护应用程序 SSL 和 TLS 安全协议层叠在其他协议之上,用以实现数据安全.为了支持 SSL/TLS,Java 提供了 javax.net.ssl 包,它的 SSLConte ...
- ES6、ES7的一些新特性
1.常见的就是let 和 const 命令 let 只在命令所在的代码块内有效 const声明一个只读的常量 2.变量的赋值 let [a, b, c] = [1, 2, 3]; 这样输出的话a=1, ...
- 密码学系列之:twofish对称密钥分组算法
简介 之前的文章我们讲到blowfish算法因为每次加密的块比较小只有64bits,所以不建议使用blowfish加密超过4G的文件.同时因为加密块小还会导致生日攻击等.所以才有了blowfish的继 ...
- Redmine部署
Redmine部署文章: 第一篇:Redmine部署 第二篇:Redmine部署中遇到的问题 部门内部需要项目开发维护的网站,这种网站有付费的,也有开源项目.这类项目管理与协作的工具主要的MS Sha ...
- 学Java,找对圈子,跟对人
我大学学的是机械专业,到大四才决定要学Java,以后当一名程序员. 到现在,十几年过去了,我现在已经是一家上市公司的技术总监了,管理的技术团队有100多人.很庆幸当初了选择了学Java. 还记得当初学 ...
- php反序列化-unserialize3
目录 unserialize3-php反序列化 unserialize3 unserialize3-php反序列化 unserialize3 环境地址:https://adworld.xctf.org ...
- 关于asp.net中Repeater控件的一些应用
在Asp.net中,我是比较喜欢用Repeater这个控件,刚刚遇到的一个问题,怎么实现单击 <asp:LinkButton>,通过后台的单击事件获取同一行数据中的其他数据(对象). 1, ...