FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

HTML DOM Source Object


Source Object

The Source Object is new in HTML5.

The Source object represents an HTML <source> element.

Access a Source Object

You can access a <source> element by using getElementById():

Example

var x = document.getElementById("mySource");
Try it Yourself »

Create a Source Object

You can create a <source> element by using the document.createElement() method:

Example

var x = document.createElement("SOURCE");
Try it Yourself »

Source Object Properties

Property Description
media Sets or returns the value of the media attribute in a <source> element
src Sets or returns the value of the src attribute in a <source> element
type Sets or returns the value of the type attribute in a <source> element

Standard Properties and Events

The Source object also supports the standard properties and events.


Related Pages

HTML tutorial: HTML5 Video

HTML tutorial: HTML5 Audio

HTML reference: HTML <source> tag