HTML DOM VideoObject
Video Object
The Video object is new in HTML5.
The Video object represents an HTML <video> element.
Access the Video Object
You can access a <video> element by using getElementById():
var x = document.getElementById("myVideo");
Try it Yourself
Create a Video Object
You can create a <video> element by using the document.createElement() method:
var x = document.createElement("VIDEO");
Try it Yourself
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 (after loading). |
| 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 (such as 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 is 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 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 play again when it ends. |
| mediaGroup | Sets or returns the name of the media group the video belongs to. |
| muted | Sets or returns whether the sound is 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 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 the standardPropertiesandEvents。
Related Articles
HTML Tutorial:HTML5 Video
HTML Reference Manual:HTML <video> Tag
Other Extensions