Classes

Classes

AudioTrack

AudioTrackButton

AudioTrackList

AudioTrackMenuItem

BigPlayButton

Button

CaptionsButton

CaptionSettingsMenuItem

ChaptersButton

ChaptersTrackMenuItem

ClickableComponent

CloseButton

Component

ControlBar

CurrentTimeDisplay

CustomControlSpacer

DescriptionsButton

DurationDisplay

ErrorDisplay

EventTarget

Flash

FullscreenToggle

Html5

HTMLTrackElement

HtmlTrackElementList

LiveDisplay

LoadingSpinner

LoadProgressBar

MediaError

MediaLoader

Menu

MenuButton

MenuItem

ModalDialog

videojs.AudioTrack

videojs.EventTarget

videojs.TextTrack

videojs.VideoTrack

MouseTimeDisplay

MuteToggle

OffTextTrackMenuItem

PlaybackRateMenuButton

PlaybackRateMenuItem

Player

PlayProgressBar

PlayToggle

Popup

PopupButton

PosterImage

ProgressControl

RemainingTimeDisplay

SeekBar

Slider

Spacer

SubtitlesButton

Tech

TextTrack

TextTrackButton

TextTrackCueList

TextTrackDisplay

TextTrackList

TextTrackMenuItem

TextTrackSettings

TimeDivider

TooltipProgressBar

Track

TrackButton

TrackList

VideoTrack

VideoTrackList

VolumeBar

VolumeControl

VolumeLevel

VolumeMenuButton

Mixins

FlashRtmpDecorator

Events

---

enabledchange

An event that fires when enabled changes on this track. This allows the AudioTrackList that holds this track to act accordingly.

Note: This is not part of the spec! Native tracks will do this internally without an event.

Type: EventTarget~Event

Source:

tracks/audio-track.js

---

addtrack

Triggered when a track is added to a track list.

Type: EventTarget~Event

Properties:

Name	Type	Description
track	Track	A reference to track that was added.

Inherited From:

• TrackList#event:addtrack

Source:

tracks/track-list.js

---

change

Triggered when a different track is selected/enabled.

Type: EventTarget~Event

Inherited From:

• TrackList#event:change

Source:

tracks/track-list.js

Listeners of This Event:

• AudioTrackMenuItem#handleTracksChange

---

removetrack

Triggered when a track is removed from track list.

Type: EventTarget~Event

Properties:

Name	Type	Description
track	Track	A reference to track that was removed.

Inherited From:

• TrackList#event:removetrack

Source:

tracks/track-list.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

close

Triggered when the a CloseButton is clicked.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up to parents if there is no listener

Source:

close-button.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Source:

component.js

Listeners of This Event:

• BigPlayButton#on
• BigPlayButton#setInterval
• BigPlayButton#setTimeout
• Button#on
• Button#setInterval
• Button#setTimeout
• ClickableComponent#on
• ClickableComponent#setInterval
• ClickableComponent#setTimeout
• CloseButton#on
• CloseButton#setInterval
• CloseButton#setTimeout
• Component#on
• Component#setInterval
• Component#setTimeout
• ControlBar#on
• ControlBar#setInterval
• ControlBar#setTimeout
• CurrentTimeDisplay#on
• CurrentTimeDisplay#setInterval
• CurrentTimeDisplay#setTimeout
• CustomControlSpacer#on
• CustomControlSpacer#setInterval
• CustomControlSpacer#setTimeout
• DurationDisplay#on
• DurationDisplay#setInterval
• DurationDisplay#setTimeout
• FullscreenToggle#on
• FullscreenToggle#setInterval
• FullscreenToggle#setTimeout
• LiveDisplay#on
• LiveDisplay#setInterval
• LiveDisplay#setTimeout
• LoadingSpinner#on
• LoadingSpinner#setInterval
• LoadingSpinner#setTimeout
• LoadProgressBar#on
• LoadProgressBar#setInterval
• LoadProgressBar#setTimeout
• MediaLoader#on
• MediaLoader#setInterval
• MediaLoader#setTimeout
• Menu#on
• Menu#setInterval
• Menu#setTimeout
• MenuButton#on
• MenuButton#setInterval
• MenuButton#setTimeout
• MenuItem#on
• MenuItem#setInterval
• MenuItem#setTimeout
• ModalDialog#on
• ModalDialog#setInterval
• ModalDialog#setTimeout
• MouseTimeDisplay#on
• MouseTimeDisplay#setInterval
• MouseTimeDisplay#setTimeout
• MuteToggle#on
• MuteToggle#setInterval
• MuteToggle#setTimeout
• Player#on
• Player#setInterval
• Player#setTimeout
• PlayProgressBar#on
• PlayProgressBar#setInterval
• PlayProgressBar#setTimeout
• PlayToggle#on
• PlayToggle#setInterval
• PlayToggle#setTimeout
• Popup#on
• Popup#setInterval
• Popup#setTimeout
• PopupButton#on
• PopupButton#setInterval
• PopupButton#setTimeout
• PosterImage#on
• PosterImage#setInterval
• PosterImage#setTimeout
• ProgressControl#on
• ProgressControl#setInterval
• ProgressControl#setTimeout
• RemainingTimeDisplay#on
• RemainingTimeDisplay#setInterval
• RemainingTimeDisplay#setTimeout
• Slider#on
• Slider#setInterval
• Slider#setTimeout
• Spacer#on
• Spacer#setInterval
• Spacer#setTimeout
• Tech#on
• Tech#setInterval
• Tech#setTimeout
• TextTrackDisplay#on
• TextTrackDisplay#setInterval
• TextTrackDisplay#setTimeout
• TextTrackSettings#on
• TextTrackSettings#setInterval
• TextTrackSettings#setTimeout
• TimeDivider#on
• TimeDivider#setInterval
• TimeDivider#setTimeout
• TooltipProgressBar#on
• TooltipProgressBar#setInterval
• TooltipProgressBar#setTimeout
• VolumeControl#on
• VolumeControl#setInterval
• VolumeControl#setTimeout
• VolumeLevel#on
• VolumeLevel#setInterval
• VolumeLevel#setTimeout

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

beforemodalclose

Fired just before a ModalDialog is closed.

Type: EventTarget~Event

Inherited From:

• ModalDialog#event:beforemodalclose

Source:

modal-dialog.js

---

beforemodalempty

Fired just before a ModalDialog is emptied.

Type: EventTarget~Event

Inherited From:

• ModalDialog#event:beforemodalempty

Source:

modal-dialog.js

---

beforemodalfill

Fired just before a ModalDialog is filled with content.

Type: EventTarget~Event

Inherited From:

• ModalDialog#event:beforemodalfill

Source:

modal-dialog.js

---

beforemodalopen

Fired just before a ModalDialog is opened.

Type: EventTarget~Event

Inherited From:

• ModalDialog#event:beforemodalopen

Source:

modal-dialog.js

---

modalclose

Fired just after a ModalDialog is closed.

Type: EventTarget~Event

Inherited From:

• ModalDialog#event:modalclose

Source:

modal-dialog.js

---

modalempty

Fired just after a ModalDialog is emptied.

Type: EventTarget~Event

Inherited From:

• ModalDialog#event:modalempty

Source:

modal-dialog.js

---

modalfill

Fired just after a ModalDialog is filled with content.

Type: EventTarget~Event

Inherited From:

• ModalDialog#event:modalfill

Source:

modal-dialog.js

---

modalopen

Fired just after a ModalDialog is opened.

Type: EventTarget~Event

Inherited From:

• ModalDialog#event:modalopen

Source:

modal-dialog.js

---

audiotrackchange

Triggered when tracks are added or removed on the Tech AudioTrackList

Type: EventTarget~Event

Inherited From:

• Tech#event:audiotrackchange

Source:

tech/tech.js

---

progress

See Player#progress

Type: EventTarget~Event

Inherited From:

• Tech#event:progress

Source:

tech/tech.js

---

texttrackchange

Triggered when tracks are added or removed on the Tech TextTrackList

Type: EventTarget~Event

Inherited From:

• Tech#event:texttrackchange

Source:

tech/tech.js

---

timeupdate

Triggered at an interval of 250ms to indicated that time is passing in the video.

Type: EventTarget~Event

Inherited From:

• Tech#event:timeupdate

Overrides:

• Tech#event:timeupdate

Source:

tech/tech.js

---

videotrackchange

Triggered when tracks are added or removed on the Tech VideoTrackList

Type: EventTarget~Event

Inherited From:

• Tech#event:videotrackchange

Source:

tech/tech.js

---

vttjsloaded

Fired when vtt.js is loaded.

Type: EventTarget~Event

Inherited From:

• Tech#event:vttjsloaded

Overrides:

• Tech#event:vttjsloaded

Source:

tech/tech.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

audiotrackchange

Triggered when tracks are added or removed on the Tech AudioTrackList

Type: EventTarget~Event

Inherited From:

• Tech#event:audiotrackchange

Source:

tech/tech.js

---

progress

See Player#progress

Type: EventTarget~Event

Inherited From:

• Tech#event:progress

Source:

tech/tech.js

---

texttrackchange

Triggered when tracks are added or removed on the Tech TextTrackList

Type: EventTarget~Event

Inherited From:

• Tech#event:texttrackchange

Source:

tech/tech.js

---

timeupdate

Triggered at an interval of 250ms to indicated that time is passing in the video.

Type: EventTarget~Event

Inherited From:

• Tech#event:timeupdate

Overrides:

• Tech#event:timeupdate

Source:

tech/tech.js

---

videotrackchange

Triggered when tracks are added or removed on the Tech VideoTrackList

Type: EventTarget~Event

Inherited From:

• Tech#event:videotrackchange

Source:

tech/tech.js

---

vttjsloaded

Fired when vtt.js is loaded.

Type: EventTarget~Event

Inherited From:

• Tech#event:vttjsloaded

Overrides:

• Tech#event:vttjsloaded

Source:

tech/tech.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

beforemodalclose

Fired just before a ModalDialog is closed.

Type: EventTarget~Event

Source:

modal-dialog.js

---

beforemodalempty

Fired just before a ModalDialog is emptied.

Type: EventTarget~Event

Source:

modal-dialog.js

---

beforemodalfill

Fired just before a ModalDialog is filled with content.

Type: EventTarget~Event

Source:

modal-dialog.js

---

beforemodalopen

Fired just before a ModalDialog is opened.

Type: EventTarget~Event

Source:

modal-dialog.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

modalclose

Fired just after a ModalDialog is closed.

Type: EventTarget~Event

Source:

modal-dialog.js

---

modalempty

Fired just after a ModalDialog is emptied.

Type: EventTarget~Event

Source:

modal-dialog.js

---

modalfill

Fired just after a ModalDialog is filled with content.

Type: EventTarget~Event

Source:

modal-dialog.js

---

modalopen

Fired just after a ModalDialog is opened.

Type: EventTarget~Event

Source:

modal-dialog.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

abort

Fires when the loading of an audio/video is aborted.

Type: EventTarget~Event

Source:

player.js

---

canplay

The media has a readyState of HAVE_FUTURE_DATA or greater.

Type: EventTarget~Event

Source:

player.js

---

canplaythrough

The media has a readyState of HAVE_ENOUGH_DATA or greater. This means that the entire media file can be played without buffering.

Type: EventTarget~Event

Source:

player.js

---

controlsdisabled

Type: EventTarget~Event

Source:

player.js

---

controlsenabled

Type: EventTarget~Event

Source:

player.js

---

dispose

Called when the player is being disposed of.

Type: EventTarget~Event

Overrides:

• Component#event:dispose

Source:

player.js

---

durationchange

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• DurationDisplay#updateContent
• LiveDisplay#updateShowing
• RemainingTimeDisplay#updateContent

---

emptied

Fires when the current playlist is empty.

Type: EventTarget~Event

Source:

player.js

---

ended

Fired when the end of the media resource is reached (currentTime == duration)

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• SeekBar#updateProgress

---

enterFullWindow

Type: EventTarget~Event

Source:

player.js

---

error

Type: EventTarget~Event

Source:

player.js

---

exitFullWindow

Type: EventTarget~Event

Source:

player.js

---

firstplay

Fired the first time a video is played. Not part of the HLS spec, and this is probably not the best implementation yet, so use sparingly. If you don't have a reason to prevent playback, use myPlayer.one('play'); instead.

Type: EventTarget~Event

Source:

player.js

---

fullscreenchange

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• FullscreenToggle#handleFullscreenChange
• TextTrackDisplay#updateDisplay

---

fullscreenchange

Fired when going in and out of fullscreen.

Type: EventTarget~Event

Source:

player.js

---

fullscreenchange

Type: EventTarget~Event

Source:

player.js

---

fullscreenchange

Type: EventTarget~Event

Source:

player.js

---

loadeddata

Fires when the browser has loaded the current frame of the audio/video.

Type: event

Source:

player.js

---

loadeddata

Fired when the player has downloaded data at the current playback position

Type: EventTarget~Event

Source:

player.js

---

loadedmetadata

Fired when the player has initial duration and dimension information

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• DurationDisplay#updateContent

---

loadedmetadata

Fires when the browser has loaded meta data for the audio/video.

Type: EventTarget~Event

Source:

player.js

---

loadstart

Fired when the user agent begins looking for media data

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• MuteToggle#update
• PlaybackRateMenuButton#updateVisibility
• TextTrackDisplay#toggleDisplay
• VolumeMenuButton#volumeUpdate#volumeUpdate

---

pause

Fired whenever the media has been paused

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• PlayToggle#handlePause

---

play

Triggered whenever an Tech#play event happens. Indicates that playback has started or resumed.

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• PlayToggle#handlePlay

---

playing

The media is no longer blocked from playback, and has started playing.

Type: EventTarget~Event

Source:

player.js

---

posterchange

This event fires when the poster image is changed on the player.

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• PosterImage#update

---

progress

Fired while the user agent is downloading media data.

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• LoadProgressBar#update

---

ratechange

Fires when the playing speed of the audio/video is changed

Type: event

Source:

player.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

seeked

Fired when the player has finished jumping to a new time

Type: EventTarget~Event

Source:

player.js

---

seeking

Fired whenever the player is jumping to a new time

Type: EventTarget~Event

Source:

player.js

---

stalled

Fires when the browser is trying to get media data, but data is not available.

Type: EventTarget~Event

Source:

player.js

---

suspend

Fires when the browser is intentionally not getting media data.

Type: EventTarget~Event

Source:

player.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

textdata

Fires when we get a textdata event from tech

Type: EventTarget~Event

Source:

player.js

---

texttrackchange

Fires when the text track has been changed

Type: event

Source:

player.js

---

timeupdate

Fires when the current playback position has changed.

Type: event

Source:

player.js

---

timeupdate

Fired when the current playback position has changed * During playback this is fired every 15-250 milliseconds, depending on the playback technology in use.

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• CurrentTimeDisplay#updateContent
• DurationDisplay#updateContent
• PlayProgressBar#updateDataAttr
• RemainingTimeDisplay#updateContent
• SeekBar#updateProgress
• TooltipProgressBar#updateDataAttr

---

useractive

Type: EventTarget~Event

Source:

player.js

---

userinactive

Type: EventTarget~Event

Source:

player.js

---

usingcustomcontrols

player is using the custom HTML controls

Type: EventTarget~Event

Source:

player.js

---

usingnativecontrols

player is using the native device controls

Type: EventTarget~Event

Source:

player.js

---

volumechange

Fired when the volume changes

Type: EventTarget~Event

Source:

player.js

Listeners of This Event:

• VolumeBar#updateARIAAttributes

---

volumechange

Fires when the volume has been changed

Type: event

Source:

player.js

---

waiting

A readyState change on the DOM element has caused playback to stop.

Type: EventTarget~Event

Source:

player.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

slideractive

Triggered when the slider is in an active state

Type: EventTarget~Event

Inherited From:

• Slider#event:slideractive

Source:

slider/slider.js

---

sliderinactive

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

Type: EventTarget~Event

Inherited From:

• Slider#event:sliderinactive

Source:

slider/slider.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

slideractive

Triggered when the slider is in an active state

Type: EventTarget~Event

Source:

slider/slider.js

---

sliderinactive

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

Type: EventTarget~Event

Source:

slider/slider.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

audiotrackchange

Triggered when tracks are added or removed on the Tech AudioTrackList

Type: EventTarget~Event

Source:

tech/tech.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

Listeners of This Event:

• _Tech#disposeSourceHandler

---

progress

See Player#progress

Type: EventTarget~Event

Source:

tech/tech.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

Listeners of This Event:

• Flash#trackProgress
• Html5#trackProgress
• Tech#trackProgress

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

texttrackchange

Triggered when tracks are added or removed on the Tech TextTrackList

Type: EventTarget~Event

Source:

tech/tech.js

---

timeupdate

Triggered at an interval of 250ms to indicated that time is passing in the video.

Type: EventTarget~Event

Source:

tech/tech.js

---

timeupdate

A manual timeupdate event.

Type: EventTarget~Event

Source:

tech/tech.js

---

videotrackchange

Triggered when tracks are added or removed on the Tech VideoTrackList

Type: EventTarget~Event

Source:

tech/tech.js

---

vttjsloaded

Fired when vtt.js is loaded.

Type: EventTarget~Event

Source:

tech/tech.js

---

vttjsloaded

Fired when vtt.js was not loaded due to an error

Type: EventTarget~Event

Source:

tech/tech.js

---

modechange

An event that fires when mode changes on this track. This allows the TextTrackList that holds this track to act accordingly.

Note: This is not part of the spec!

Type: EventTarget~Event

Source:

tracks/text-track.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

addtrack

Triggered when a track is added to a track list.

Type: EventTarget~Event

Properties:

Name	Type	Description
track	Track	A reference to track that was added.

Inherited From:

• TrackList#event:addtrack

Source:

tracks/track-list.js

Listeners of This Event:

• ChaptersButton#update
• Html5#handleTextTrackAdd

---

change

Triggered when a different track is selected/enabled.

Type: EventTarget~Event

Inherited From:

• TrackList#event:change

Source:

tracks/track-list.js

Listeners of This Event:

• CaptionSettingsMenuItem#handleTracksChange
• ChaptersButton#update
• DescriptionsButton#handleTracksChange
• Html5#handleTextTrackChange
• TextTrackMenuItem#handleTracksChange

---

removetrack

Triggered when a track is removed from track list.

Type: EventTarget~Event

Properties:

Name	Type	Description
track	Track	A reference to track that was removed.

Inherited From:

• TrackList#event:removetrack

Source:

tracks/track-list.js

Listeners of This Event:

• ChaptersButton#update
• Html5#handleTextTrackRemove

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

addtrack

Triggered when a track is added to a track list.

Type: EventTarget~Event

Properties:

Name	Type	Description
track	Track	A reference to track that was added.

Source:

tracks/track-list.js

---

change

Triggered when a different track is selected/enabled.

Type: EventTarget~Event

Source:

tracks/track-list.js

---

removetrack

Triggered when a track is removed from track list.

Type: EventTarget~Event

Properties:

Name	Type	Description
track	Track	A reference to track that was removed.

Source:

tracks/track-list.js

---

selectedchange

An event that fires when selected changes on this track. This allows the VideoTrackList that holds this track to act accordingly.

Note: This is not part of the spec! Native tracks will do this internally without an event.

Type: EventTarget~Event

Source:

tracks/video-track.js

---

addtrack

Triggered when a track is added to a track list.

Type: EventTarget~Event

Properties:

Name	Type	Description
track	Track	A reference to track that was added.

Inherited From:

• TrackList#event:addtrack

Source:

tracks/track-list.js

---

change

Triggered when a different track is selected/enabled.

Type: EventTarget~Event

Inherited From:

• TrackList#event:change

Source:

tracks/track-list.js

---

removetrack

Triggered when a track is removed from track list.

Type: EventTarget~Event

Properties:

Name	Type	Description
track	Track	A reference to track that was removed.

Inherited From:

• TrackList#event:removetrack

Source:

tracks/track-list.js

---

slideractive

Triggered when the slider is in an active state

Type: EventTarget~Event

Inherited From:

• Slider#event:slideractive

Source:

slider/slider.js

---

sliderinactive

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

Type: EventTarget~Event

Inherited From:

• Slider#event:sliderinactive

Source:

slider/slider.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js

---

dispose

Triggered when a Component is disposed.

Type: EventTarget~Event

Properties:

Name	Type	Argument	Default	Description
bubbles	boolean	<optional>	false	set to false so that the close event does not bubble up

Inherited From:

• Component#event:dispose

Source:

component.js

---

ready

Triggered when a Component is ready.

Type: EventTarget~Event

Inherited From:

• Component#event:ready

Source:

component.js

---

resize

Triggered when a component is resized.

Type: EventTarget~Event

Inherited From:

• Component#event:resize

Source:

component.js

---

tap

Triggered when a Component is tapped.

Type: EventTarget~Event

Inherited From:

• Component#event:tap

Source:

component.js