Die media-Eigenschaft des HTMLSourceElement-Interfaces ist ein String, der das beabsichtigte Zielmedium für die Ressource darstellt. Der Wert ist eine Media Query, die eine durch Kommas getrennte Liste von Medientypen, medienbezogenen Eigenschaften und logischen Operatoren ist.

Sie spiegelt das media-Attribut des <source>-Elements wider.

Wert

Ein String.

Beispiele

<video>
  <source
    id="el"
    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

Spezifikationen

Browser-Kompatibilität

Siehe auch

• HTMLSourceElement.type
• HTMLSourceElement.sizes
• HTMLSourceElement.src
• HTMLSourceElement.srcset
• <source>
• <picture>
• <audio>
• <video>
• Verwendung von Media Queries