The HTMLSourceElement
interface provides special properties (beyond the regular HTMLElement
object interface it also has available to it by inheritance) for manipulating <source>
elements.
The HTMLSourceElement
interface provides special properties (beyond the regular HTMLElement
object interface it also has available to it by inheritance) for manipulating <source>
elements.
Inherits properties from its parent, HTMLElement
.
HTMLSourceElement.media
A string reflecting the media
HTML attribute, containing the intended type of the media resource.
HTMLSourceElement.sizes
A string representing image sizes between breakpoints
HTMLSourceElement.src
A string reflecting the src
HTML attribute, containing the URL for the media resource. The HTMLSourceElement.src
property has a meaning only when the associated <source>
element is nested in a media element that is a <video>
or an <audio>
element. It has no meaning and is ignored when it is nested in a <picture>
element.
Note: If the src
property is updated (along with any siblings), the parent HTMLMediaElement
's load
method should be called when done, since <source>
elements are not re-scanned automatically.
HTMLSourceElement.srcset
A string reflecting the srcset
HTML attribute, containing a list of candidate images, separated by a comma (',', U+002C COMMA
). A candidate image is a URL followed by a 'w'
with the width of the images, or an 'x'
followed by the pixel density.
HTMLSourceElement.type
A string reflecting the type
HTML attribute, containing the type of the media resource.
No specific method; inherits methods from its parent, HTMLElement
.
Specification |
---|
HTML Standard # htmlsourceelement |
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
HTMLSourceElement |
3 | 12 | 3.5 | 9 | ≤12.1 | 3.1 | ≤37 | 18 | 4 | ≤12.1 | 2 | 1.0 |
height |
90 | 90 | 108 | No | 76 | 15 | 90 | 90 | 108 | 64 | 15 | 15.0 |
media |
3 | 12 | 15 | 9 | ≤12.1 | 3.1 | ≤37 | 18 | 15 | ≤12.1 | 2 | 1.0 |
sizes |
38 | 13 | 38 | No | 25 | 10.1Thesizes attribute is supported since Safari 9.1. |
38 | 38 | 38 | 25 | 10.3Thesizes attribute is supported since Safari 9.1. |
3.0 |
src |
3 | 12 | 3.5 | 9 | ≤12.1 | 3.1 | ≤37 | 18 | 4 | ≤12.1 | 2 | 1.0 |
srcset |
38 | 13 | 38 | No | 25 | 10.1Thesrcset attribute is supported since Safari 9.1. |
38 | 38 | 38 | 25 | 10.3Thesrcset attribute is supported since Safari 9.1. |
3.0 |
type |
3 | 12 | 3.5 | 9 | ≤12.1 | 3.1 | ≤37 | 18 | 4 | ≤12.1 | 2 | 1.0 |
width |
90 | 90 | 108 | No | 76 | 15 | 90 | 90 | 108 | 64 | 15 | 15.0 |
<source>
.<source>
element: HTMLVideoElement
, HTMLAudioElement
, HTMLPictureElement
.
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLSourceElement