HTMLSourceElement: media property

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

It reflects themedia attribute of the<source> element.

Value

A string.

Examples

html

<video>  <source       src="largeVideo.mov"    type="video/quicktime"    media="screen and (width >= 600px)" /></video>

const el = document.getElementById("el");console.log(el.media); // Output: "screen and (width >= 600px)"el.media = "(width >= 800px)"; // Updates the media value