HTMLSourceElement: src property

The src property of the HTMLSourceElement interface is a string indicating the URL of a media resource to use as the source for the element.

It reflects the src attribute of the <source> element nested in an <audio> or <video> element. It has no meaning and is ignored when it is nested in a <picture> element.

Value

A string; the URL of a source resource to use in the element.

Examples

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

Specifications

Specification
HTML
# dom-source-src

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
src

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also