SeekBar

Seek Bar and holder for the progress bars

Constructor

new SeekBar(player, optionsopt)
control-bar/progress-control/seek-bar.js, line 19

Creates an instance of this class.

Parameters:
Name Type Attributes Description
player Player

The Player that this class should be attached to.
options Object <optional>

The key/value store of player options.

Extends

Members

playerEvent :string
control-bar/progress-control/seek-bar.js, line 218

Call the update event for this Slider when this event happens on the player.

Methods

calculateDistance(event) → {number}
slider/slider.js, line 208

Calculate distance for slider

Parameters:
Name Type Description
event EventTarget~Event

The event that caused this function to run.
Returns:
number -

The current position of the Slider.

    - postition.x for vertical `Slider`s
    - postition.y for horizontal `Slider`s
Inherited From:

createEl() → {Element}
control-bar/progress-control/seek-bar.js, line 54

Create the Component's DOM element

Returns:
Element -

The element that was created.

Overrides:

getPercent() → {number}
control-bar/progress-control/seek-bar.js, line 110

Get percentage of video played

Returns:
number -

The percentage played

handleBlur(event)
slider/slider.js, line 261

Handle a blur event on this Slider.

Parameters:
Name Type Description
event EventTarget~Event

The blur event that caused this function to run.
Listens to Events:
  • event:blur
Inherited From:

handleClick(event)
slider/slider.js, line 272

Listener for click events on slider, used to prevent clicks from bubbling up to parent elements like button menus.

Parameters:
Name Type Description
event Object

Event that caused this object to run
Inherited From:

handleFocus(event)
slider/slider.js, line 225

Handle a focus event on this Slider.

Parameters:
Name Type Description
event EventTarget~Event

The focus event that caused this function to run.
Listens to Events:
  • event:focus
Inherited From:

handleKeyPress(event)
slider/slider.js, line 239

Handle a keydown event on the Slider. Watches for left, rigth, up, and down arrow keys. This function will only be called when the slider has focus. See Slider#handleFocus and Slider#handleBlur.

Parameters:
Name Type Description
event EventTarget~Event

the keydown event that caused this function to run.
Listens to Events:
  • event:keydown
Inherited From:

handleMouseDown(event)
control-bar/progress-control/seek-bar.js, line 124

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:

handleMouseMove(event)
control-bar/progress-control/seek-bar.js, line 144

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:

handleMouseUp(event)
control-bar/progress-control/seek-bar.js, line 169

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:

stepBack()
control-bar/progress-control/seek-bar.js, line 191

Move more quickly rewind for keyboard-only users

stepForward()
control-bar/progress-control/seek-bar.js, line 183

Move more quickly fast forward for keyboard-only users

update()
slider/slider.js, line 160

Update the progress bar of the Slider.

Inherited From:

updateAriaAttributes(el)
control-bar/progress-control/seek-bar.js, line 94

Update ARIA accessibility attributes

Parameters:
Name Type Description
el Element

The element to update with aria accessibility attributes.

updateProgress(eventopt)
control-bar/progress-control/seek-bar.js, line 71

Update the seek bars tooltip and width.

Parameters:
Name Type Attributes Description
event EventTarget~Event <optional>

The timeupdate or ended event that caused this to run.
Listens to Events:

vertical(boolopt) → {boolean|Slider}
slider/slider.js, line 289

Get/set if slider is horizontal for vertical

Parameters:
Name Type Attributes Description
bool boolean <optional>
  • true if slider is vertical,
     - false is horizontal
Returns:
boolean | Slider -
  • true if slider is vertical, and getting
      - false is horizontal, and getting
  - a reference to this object when setting
Inherited From:

Events

slideractive
slider/slider.js, line 94

Triggered when the slider is in an active state

Type:
Inherited From:

sliderinactive
slider/slider.js, line 141

Triggered when the slider is no longer in an active state.

Type:
Inherited From: