Easy Tutorial
❮ Prop Tablerow Choff Prop Nav Language ❯

HTML DOM Video Object


Video Object

The Video object represents the HTML <video> element.

Accessing the Video Object

You can access the <video> element by using the getElementById() method.

Creating the Video Object

You can create a <video> element by using the document.createElement() method.

Video Object Properties

Property Description
audioTracks Returns an AudioTrackList object representing the available audio tracks.
autoplay Sets or returns whether the video should start playing as soon as it is ready.
buffered Returns a TimeRanges object representing the buffered parts of the video.
controller Returns a MediaController object representing the current media controller of the video.
controls Sets or returns whether the video should display controls (like play/pause etc).
crossOrigin Sets or returns the CORS settings of the video.
currentSrc Returns the URL of the current video.
currentTime Sets or returns the current playback position in the video (in seconds).
defaultMuted Sets or returns whether the video should be muted by default.
defaultPlaybackRate Sets or returns the default playback speed of the video.
duration Returns the length of the video in seconds.
ended Returns whether the playback of the video has ended.
error Returns a MediaError object representing the error state of the video.
height Sets or returns the value of the height attribute of the video.
loop Sets or returns whether the video should start over again when finished.
mediaGroup Sets or returns the name of the media group the video belongs to.
muted Sets or returns whether the audio should be turned off.
networkState Returns the current network state of the video.
paused Sets or returns whether the video is paused.
playbackRate Sets or returns the speed of the video playback.
played Returns a TimeRanges object representing the played parts of the video.
poster Sets or returns the value of the poster attribute of the video.
preload Sets or returns the value of the preload attribute of the video.
readyState Returns the current ready state of the video.
seekable Returns a TimeRanges object representing the seekable parts of the video.
seeking Returns whether the user is currently seeking in the video.
src Sets or returns the value of the src attribute of the video.
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 video.
width Sets or returns the value of the width attribute of the video.

Video Object Methods

Method Description
addTextTrack() Adds a new text track to the video.
canPlayType() Checks whether the browser can play the specified video type.
load() Reloads the video element.
play() Starts playing the video.
pause() Pauses the currently playing video.

Standard Properties and Events

The Video object also supports standard properties and events.


Related Articles

HTML Tutorial: HTML5 Video

HTML Reference: HTML <video> Tag

❮ Prop Tablerow Choff Prop Nav Language ❯