/

HTML / CSS / JavaScript Tutorial

HTML DOM media properties and methods

[this page | pdf | back links]

The DOM objects corresponding to the HTML media elements (i.e. <audio> and <video> elements) both support a number of specific media-orientated properties and methods.

 

Media properties:

 

Property

Description

More

audioTracks

Returns AudioTrackList object indicating available audio tracks

Here

buffered

Returns TimeRanges object representing parts buffered

Here

controller

Returns current MediaController object for audio

Here

crossOrigin

Sets / returns CORS settings

Here

currentSrc

Returns media’s URL

Here

currentTime

Sets / returns current playback position (in seconds)

Here

defaultMuted

Sets / returns if muted by default

Here

defaultPlaybackRate

Sets / returns default playback speed

Here

duration

Returns length of media (in seconds)

Here

ended

Returns whether playback has ended

Here

error

Returns MediaError object indicating error state of audio

Here

muted

Sets / returns whether sound muted

Here

mediaGroup

Sets / returns name of media group of which media is a part

Here

networkState

Returns current network state of media

Here

paused

Sets / returns whether media paused

Here

playbackRate

Sets / returns media playback speed

Here

played

Returns TimeRanges object representing parts played

Here

readyState

Returns current ready state

Here

seekable

Returns TimeRanges object representing seekable parts

Here

seeking

Returns whether user is currently seeking in media

Here

textTracks

Returns TextTrackList object indicating available text tracks

Here

volume

Sets / returns audio volume

Here

 

Media methods:

 

Method

Description

More

addTextTrack()

Adds new text track to media

Here

canPlayType()

Indicates if browser can play media type

Here

load()

Re-loads media

Here

pause()

Pauses media

Here

play()

Starts playing media

Here

 


NAVIGATION LINKS
Contents | Prev | Next | JavaScript DOM (and BOM)


Desktop view | Switch to Mobile