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 (min-width: 600px)" />
js
const el = document.getElementById("el");
console.log(el.media); // Output: "screen and (min-width: 600px)"
el.media = "(min-width: 800px)"; // Updates the media value
Specifications
| Specification |
|---|
| HTML # dom-source-media |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
media | ||||||||||||