play

fired when the media is played

pause

fired when the media is paused

timeupdate

fired when the current playback position has changed

volumechange

fired when the volume of the media has changed

ratechange

fired when the playback rate of the media has changed

ended

fired when the media has finished playing

seeking

fired when the end user is seeking in the media

seeked

fired when the seeking attribute has changed to fals

Fired on media elements

• loadstart
• progress
• suspend
• abort
• error
• emptied
• stalled
• loadedmetadata
• loadeddata
• canplay
• canplaythrough
• playing
• waiting
• seeking
• seeked
• ended
• durationchange
• timeupdate
• play
• pause
• ratechange
• volumechange

Fired on media controllers:

• emptied
• loadedmetadata
• loadeddata
• canplay
• canplaythrough
• playing
• ended
• waiting
• ended
• durationchange
• timeupdate
• play
• pause
• ratechange
• volumechange

play()

Play the media

pause()

pause the media

canPlayType()

Check if browser can play media resource type
Use to capacity check

document.getElementById("audio").muted = false;
document.getElementById("video").play(); 

controller = new MediaController()

Returns a new MediaController object.

media.controller [ = controller ]

Returns the current MediaController for the media element, if any; returns null otherwise. Can be set, to set an explicit MediaController. Doing so removes the mediagroup attribute, if any.

buffered

Returns a TimeRanges object that represents the intersection of the time ranges for which the user agent has all relevant media data for all the slaved media elements.

seekable

Returns a TimeRanges object that represents the intersection of the time ranges into which the user agent can seek for all the slaved media elements.

duration

Returns the difference between the earliest playable moment and the latest playable moment (not considering whether the data in question is actually buffered or directly seekable, but not including time in the future for infinite streams). Will return zero if there is no media.

currentTime [ = value ]

Returns the current playback position, in seconds, as a position between zero time and the current duration. Can be set, to seek to the given time.

paused

Returns true if playback is paused; false otherwise. When this attribute is true, any media element slaved to this controller will be stopped.

play()

Sets the paused attribute to false.

pause()

Sets the paused attribute to true.

played

Returns a TimeRanges object that represents the union of the time ranges in all the slaved media elements that have been played.

defaultPlaybackRate [ = value ]

Returns the default rate of playback. Can be set, to change the default rate of playback. This default rate has no direct effect on playback, but if the user switches to a fast-forward mode, when they return to the normal playback mode the playbackRate will return to this default rate.

playbackRate [ = value ]

Returns the current rate of playback. Can be set, to change the rate of playback.

volume [ = value ]

Returns the current playback volume multiplier, as a number in the range 0.0 to 1.0, where 0.0 is the quietest and 1.0 the loudest. Throws an IndexSizeError if the new value is not in the range 0.0 .. 1.0.

muted [ = boolean ]

Returns true if all audio is muted (regardless of other attributes either on the controller or on any media elements slaved to this controller), and false otherwise. Can be set, to change whether the audio is muted or not.

var audioClip = document.getElementById('audio-clip');
var audioPlayButton = document.getElementById('audio-play-button');
var audioPauseButton = document.getElementById('audio-pause-button');
audioClip.addEventListener('ended', OnAudioFinished, false);

function PlayAudio() {
  audioClip.play();
  audioPlayButton.disabled = true;
  audioPauseButton.disabled = false;
}
function PauseAudio() {
  audioClip.pause();
  audioPlayButton.disabled = false;
  audioPauseButton.disabled = true;
}
function MuteUnMuteAudio() {
  document.getElementById('audio-mute').value = audioClip.muted ? 'Mute' : 'Unmute';
  audioClip.muted = audioClip.muted ? false : true;
}
function OnAudioFinished() {
  audioPlayButton.disabled = false;
  audioPauseButton.disabled = true;
}