HTMLSourceElement: src property

Baseline
Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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
<video>
  <source
    id="el"
    src="large.webp"
    type="video/webp"
    media="screen and (600px <= width <= 800px)" />
</video>
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

See also