Implemented by the <video>HTMLVideoElement interface provides special properties and methods for manipulating video objects. It also inherits properties and methods of HTMLMediaElementHTMLElement
The list of supported media formats varies from one browser to the other. You should either provide your video in a single format that all the relevant browsers supports, or provide multiple video sources in enough different formats that all the browsers you need to support are covered.
EventTarget
Node
Element
HTMLElement
HTMLMediaElement
HTMLVideoElement
Instance properties
Inherits properties from its ancestor interfaces, HTMLMediaElementHTMLElement
HTMLVideoElement.height
A string that reflects the height
HTMLVideoElement.poster
A string that reflects the poster
HTMLVideoElement.videoHeightRead only
Returns an unsigned integer value indicating the intrinsic height of the resource in CSS pixels, or 0 if no media is available yet.
HTMLVideoElement.videoWidthRead only
Returns an unsigned integer value indicating the intrinsic width of the resource in CSS pixels, or 0 if no media is available yet.
HTMLVideoElement.width
A string that reflects the width
HTMLVideoElement.disablePictureInPicture
The disablePictureInPicture property will hint the user agent to not suggest the picture-in-picture to users or to request it automatically
Gecko-specific properties
HTMLVideoElement.mozParsedFrames Non-standard Read only Deprecated
Returns an unsigned long with the count of video frames that have been parsed from the media resource.
HTMLVideoElement.mozDecodedFrames Non-standard Read only Deprecated
Returns an unsigned long with the count of parsed video frames that have been decoded into images.
HTMLVideoElement.mozPresentedFrames Non-standard Read only Deprecated
Returns an unsigned long with the count of decoded frames that have been presented to the rendering pipeline for painting.
HTMLVideoElement.mozPaintedFrames Non-standard Read only Deprecated
Returns an unsigned long with the count of presented frames which were painted on the screen.
HTMLVideoElement.mozFrameDelay Non-standard Read only Deprecated
Returns an double with the time which the last painted video frame was late by, in seconds.
HTMLVideoElement.mozHasAudio Non-standard Read only Deprecated
Returns a boolean indicating if there is some audio associated with the video.
Instance methods
Inherits methods from its parent, HTMLMediaElementHTMLElement
HTMLVideoElement.getVideoPlaybackQuality()
Returns a VideoPlaybackQuality
HTMLVideoElement.requestPictureInPicture()
Requests that the user agent make video enters picture-in-picture mode
Events
Inherits events from its parent, HTMLMediaElementHTMLElement Listen to these events using addEventListener()oneventname property of this interface.
enterpictureinpicture
Sent to a HTMLVideoElement
leavepictureinpicture
Sent to a HTMLVideoElement
Specifications
Browser compatibility
Desktop
Mobile
Chrome
Edge
Firefox
Internet Explorer
Opera
Safari
WebView Android
Chrome Android
Firefox for Android
Opera Android
Safari on IOS
Samsung Internet
HTMLVideoElement3
12
3.5
9
10.5
3.1
≤37
18
4
11
3
1.0
cancelVideoFrameCallback83
83
No
No
69
15.4
83
83
No
59
15.4
13.0
disablePictureInPicture69
79
116
No
56
13.1
No
105
116
72
13.4
20.0
enterpictureinpicture_event69
79
No
No
56
13.1
No
105
No
72
13.4
20.0
getVideoPlaybackQuality80
12
42
11 Only works on Windows 8+.
67
8
80
80
42
57
8
13.0
height3
12
3.5
9
10.5
3.1
≤37
18
4
11
3
1.0
leavepictureinpicture_event69
79
No
No
56
13.1
No
105
No
72
13.4
20.0
mozDecodedFramesNo
No
5
No
No
No
No
No
5
No
No
No
mozFrameDelayNo
No
5
No
No
No
No
No
5
No
No
No
mozHasAudioNo
No
15
No
No
No
No
No
15
No
No
No
mozPaintedFramesNo
No
5
No
No
No
No
No
5
No
No
No
mozParsedFramesNo
No
5
No
No
No
No
No
5
No
No
No
mozPresentedFramesNo
No
5
No
No
No
No
No
5
No
No
No
playsInline75
79
No
No
62
10
75
75
No
54
10
11.0
poster3
12
3.6
9
10.5
3.1
≤37
18
4
11
3
1.0
requestPictureInPicture69
79
No
No
56
13.1
No
105
No
72
13.4
20.0
requestVideoFrameCallback83
83
No
No
69
15.4
83
83
No
59
15.4
13.0
resize_event3
79
12–79 The onresize event handler property is not supported.
3.5
9 The onresize event handler property is not supported.
10.5
3.1
≤37
18
4
11
3
1.0
videoHeight3
12
3.5
9
10.5
3.1
≤37
18
4
11
3
1.0
videoWidth3
12
3.5
9
10.5
3.1
≤37
18
4
11
3
1.0
width3
12
3.5
9
10.5
3.1
≤37
18
4
11
3
1.0
See also