HTMLSourceElement: media property

The media property of the HTMLSourceElement interface is a string representing the intended destination medium for the resource. The value is a media query, which is a comma separated list of media-types, media-features, and logical operators.

It reflects the media attribute of the <source> element.

Value

A string.

Examples

html
<source id="el" src="largeVideo.mov" type="video/quicktime" media="screen and (width >= 600px)" /> 
js
const el = document.getElementById("el"); console.log(el.media); // Output: "screen and (width >= 600px)" el.media = "(width >= 800px)"; // Updates the media value 

Specifications

Specification
HTML
# dom-source-media

Browser compatibility

See also