HTML Audio/Video DOM Reference
HTML Audio/Video DOM Reference
The HTML5 DOM provides methods, properties, and events for the <audio> and <video> elements.
These methods, properties, and events allow you to manipulate the <audio> and <video> elements using JavaScript.
HTML Audio/Video Methods
| Method |
Description |
| addTextTrack() |
Adds a new text track to the audio/video. |
| canPlayType() |
Checks if the browser can play the specified audio/video type. |
| load() |
Reloads the audio/video element. |
| play() |
Starts playing the audio/video. |
| pause() |
Pauses the currently playing audio/video. |
HTML Audio/Video Properties
| Property |
Description |
| audioTracks |
Returns an AudioTrackList object representing the available audio tracks. |
| autoplay |
Sets or returns whether the audio/video should start playing as soon as it is loaded. |
| buffered |
Returns a TimeRanges object representing the buffered parts of the audio/video. |
| controller |
Returns a MediaController object representing the current media controller of the audio/video. |
| controls |
Sets or returns whether the audio/video should display controls (like play/pause etc.). |
| crossOrigin |
Sets or returns the CORS settings of the audio/video. |
| currentSrc |
Returns the URL of the current audio/video. |
| currentTime |
Sets or returns the current playback position in the audio/video (in seconds). |
| defaultMuted |
Sets or returns whether the audio/video should be muted by default. |
| defaultPlaybackRate |
Sets or returns the default playback speed of the audio/video. |
| duration |
Returns the length of the current audio/video (in seconds). |
| ended |
Returns whether the playback of the audio/video has ended. |
| error |
Returns a MediaError object representing the error state of the audio/video. |
| loop |
Sets or returns whether the audio/video should start over again when finished. |
| mediaGroup |
Sets or returns the group the audio/video belongs to (used to link multiple audio/video elements). |
| muted |
Sets or returns whether the audio/video is muted. |
| networkState |
Returns the current network state of the audio/video. |
| paused |
Sets or returns whether the audio/video is paused. |
| playbackRate |
Sets or returns the speed of the audio/video playback. |
| played |
Returns a TimeRanges object representing the played parts of the audio/video. |
| preload |
Sets or returns whether the audio/video should be loaded when the page loads. |
| readyState |
Returns the current ready state of the audio/video. |
| seekable |
Returns a TimeRanges object representing the seekable parts of the audio/video. |
| seeking |
Returns whether the user is currently seeking in the audio/video. |
| src |
Sets or returns the current source of the audio/video element. |
| startDate |
Returns a Date object representing the current time offset. |
| textTracks |
Returns a TextTrackList object representing the available text tracks. |
| videoTracks |
Returns a VideoTrackList object representing the available video tracks. |
| volume |
Sets or returns the volume of the audio/video. |
HTML Audio/Video Events
| Event |
Description |
| abort |
Triggered when the loading of the audio/video is aborted. |
| canplay |
Triggered when the browser can start playing the audio/video. |
| canplaythrough |
Triggered when the browser can play through the audio/video without stopping for buffering. |
| durationchange |
Triggered when the duration of the audio/video is changed. |
| emptied |
Triggered when the current playlist is empty. |
| ended |
Triggered when the current playlist has ended. |
| error |
Triggered when an error occurs during the loading of the audio/video. |
| loadeddata |
Triggered when the browser has loaded the current frame of the audio/video. |
| loadedmetadata |
Triggered when the browser has loaded the metadata of the audio/video. |
| loadstart |
Triggered when the browser starts looking for the audio/video. |
| pause |
Triggered when the audio/video has been paused. |
| play |
Triggered when the audio/video has started or is no longer paused. |
| playing |
Triggered when the audio/video is ready to start after having been paused or stopped for buffering. |
| progress |
Triggered when the browser is downloading the audio/video. |
| ratechange |
Triggered when the playback speed of the audio/video has changed. |
| seeked |
Triggered when the user has moved/jumped to a new position in the audio/video. |
| seeking |
Triggered when the user starts moving/jumping to a new position in the audio/video. |
| stalled |
Triggered when the browser is trying to get media data, but data is not available. |
| suspend |
Triggered when the browser intentionally does not get media data. |
| timeupdate |
Triggered when the current playback position has changed. |
| volumechange |
Triggered when the volume has changed. |
| waiting |
Triggered when the video stops because it needs to buffer the next frame. |