Class: SeekBar

SeekBar

Seek Bar and holder for the progress bars


new SeekBar(player [, options])

Creates an instance of this class.

Parameters:
Name Type Argument Description
player Player

The Player that this class should be attached to.

options Object <optional>

The key/value store of player options.

Source:
control-bar/progress-control/seek-bar.js

Extends

Members


playerEvent :string

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

Type:
  • string
Source:
control-bar/progress-control/seek-bar.js

Methods


calculateDistance(event)

Calculate distance for slider

Parameters:
Name Type Description
event EventTarget~Event

The event that caused this function to run.

Inherited From:
Source:
slider/slider.js
Returns:

The current position of the Slider.

    - postition.x for vertical `Slider`s
    - postition.y for horizontal `Slider`s
Type
number

createEl()

Create the Component's DOM element

Overrides:
Source:
control-bar/progress-control/seek-bar.js
Returns:

The element that was created.

Type
Element

getPercent()

Get percentage of video played

Source:
control-bar/progress-control/seek-bar.js
Returns:

The percentage played

Type
number

handleBlur(event)

Handle a blur event on this Slider.

Parameters:
Name Type Description
event EventTarget~Event

The blur event that caused this function to run.

Inherited From:
Source:
slider/slider.js
Listens to Events:
  • event:blur

handleClick(event)

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:
Source:
slider/slider.js

handleFocus(event)

Handle a focus event on this Slider.

Parameters:
Name Type Description
event EventTarget~Event

The focus event that caused this function to run.

Inherited From:
Source:
slider/slider.js
Listens to Events:
  • event:focus

handleKeyPress(event)

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.

Inherited From:
Source:
slider/slider.js
Listens to Events:
  • event:keydown

handleMouseDown(event)

Handle mouse down on seek bar

Parameters:
Name Type Description
event EventTarget~Event

The mousedown event that caused this to run.

Overrides:
Source:
control-bar/progress-control/seek-bar.js
Listens to Events:
  • event:mousedown

handleMouseMove(event)

Handle mouse move on seek bar

Parameters:
Name Type Description
event EventTarget~Event

The mousemove event that caused this to run.

Overrides:
Source:
control-bar/progress-control/seek-bar.js
Listens to Events:
  • event:mousemove

handleMouseUp(event)

Handle mouse up on seek bar

Parameters:
Name Type Description
event EventTarget~Event

The mouseup event that caused this to run.

Overrides:
Source:
control-bar/progress-control/seek-bar.js
Listens to Events:
  • event:mouseup

stepBack()

Move more quickly rewind for keyboard-only users

Source:
control-bar/progress-control/seek-bar.js

stepForward()

Move more quickly fast forward for keyboard-only users

Source:
control-bar/progress-control/seek-bar.js

update()

Update the progress bar of the Slider.

Inherited From:
Source:
slider/slider.js

updateAriaAttributes(el)

Update ARIA accessibility attributes

Parameters:
Name Type Description
el Element

The element to update with aria accessibility attributes.

Source:
control-bar/progress-control/seek-bar.js

updateProgress( [event])

Update the seek bars tooltip and width.

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

The timeupdate or ended event that caused this to run.

Source:
control-bar/progress-control/seek-bar.js
Listens to Events:

vertical( [bool])

Get/set if slider is horizontal for vertical

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

Events


slideractive

Triggered when the slider is in an active state

Type: EventTarget~Event
Inherited From:
Source:
slider/slider.js

sliderinactive

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

Type: EventTarget~Event
Inherited From:
Source:
slider/slider.js