MediaElement

extends Element › DOMElement › Node › EventTarget

Available on js

The HTMLMediaElement interface adds to HTMLElement the properties and methods needed to support basic media-related capabilities that are common to audio and video.

Documentation HTMLMediaElement by Mozilla Contributors, licensed under CC-BY-SA 2.5.

Static variables

`staticinlineread onlyHAVE_CURRENT_DATA:Int = 2`

`staticinlineread onlyHAVE_ENOUGH_DATA:Int = 4`

`staticinlineread onlyHAVE_FUTURE_DATA:Int = 3`

`staticinlineread onlyHAVE_METADATA:Int = 1`

`staticinlineread onlyHAVE_NOTHING:Int = 0`

`staticinlineread onlyNETWORK_EMPTY:Int = 0`

`staticinlineread onlyNETWORK_IDLE:Int = 1`

`staticinlineread onlyNETWORK_LOADING:Int = 2`

`staticinlineread onlyNETWORK_NO_SOURCE:Int = 3`

Variables

`read onlyaudioTracks:AudioTrackList`

A AudioTrackList that lists the AudioTrack objects contained in the element.

`autoplay:Bool`

A Boolean that reflects the autoplay HTML attribute, indicating whether playback should automatically begin as soon as enough media is available to do so without interruption. Sites which automatically play audio (or videos with an audio track) can be an unpleasant experience for users, so it should be avoided when possible. If you must offer autoplay functionality, you should make it opt-in (requiring a user to specifically enable it). However, this can be useful when creating media elements whose source will be set at a later time, under user control.

`read onlybuffered:TimeRanges`

Returns a TimeRanges object that indicates the ranges of the media source that the browser has buffered (if any) at the moment the buffered property is accessed.

`controls:Bool`

Is a Boolean that reflects the controls HTML attribute, indicating whether user interface items for controlling the resource should be displayed.

`crossOrigin:String`

Is a DOMString indicating the CORS setting for this media element.

`read onlycurrentSrc:String`

Returns a DOMString with the absolute URL of the chosen media resource.

`currentTime:Float`

Is a double indicating the current playback time in seconds. Setting this value seeks the media to the new time.

`defaultMuted:Bool`

Is a Boolean that reflects the muted HTML attribute, which indicates whether the media element's audio output should be muted by default.

`defaultPlaybackRate:Float`

Is a double indicating the default playback rate for the media.

`read onlyduration:Float`

Returns a double indicating the length of the media in seconds, or 0 if no media data is available.

`read onlyended:Bool`

Returns a Boolean that indicates whether the media element has finished playing.

`read onlyerror:MediaError`

Returns a MediaError object for the most recent error, or null if there has not been an error.

`loop:Bool`

Is a Boolean that reflects the loop HTML attribute, which indicates whether the media element should start over when it reaches the end.

`read onlymediaKeys:MediaKeys`

Returns a MediaKeys object or null. MediaKeys is a set of keys that an associated HTMLMediaElement can use for decryption of media data during playback.

`muted:Bool`

Is a Boolean that determines whether audio is muted. true if the audio is muted and false otherwise.

`read onlynetworkState:Int`

Returns a unsigned short (enumeration) indicating the current state of fetching the media over the network.

`onencrypted:Function`

Sets the EventHandler called when the media is encrypted.

`onwaitingforkey:Function`

Sets the EventHandler called when playback is blocked while waiting for an encryption key.

`read onlypaused:Bool`

Returns a Boolean that indicates whether the media element is paused.

`playbackRate:Float`

Is a double that indicates the rate at which the media is being played back.

`read onlyplayed:TimeRanges`

Returns a TimeRanges object that contains the ranges of the media source that the browser has played, if any.

`preload:String`

Is a DOMString that reflects the preload HTML attribute, indicating what data should be preloaded, if any. Possible values are: none, metadata, auto.

`read onlyreadyState:Int`

Returns a unsigned short (enumeration) indicating the readiness state of the media.

`read onlyseekable:TimeRanges`

Returns a TimeRanges object that contains the time ranges that the user is able to seek to, if any.

`read onlyseeking:Bool`

Returns a Boolean that indicates whether the media is in the process of seeking to a new position.

`src:String`

Is a DOMString that reflects the src HTML attribute, which contains the URL of a media resource to use.

`srcObject:MediaStream`

Is a MediaStream representing the media to play or that has played in the current HTMLMediaElement, or null if not assigned.

`read onlytextTracks:TextTrackList`

Returns the list of TextTrack objects contained in the element.

`read onlyvideoTracks:VideoTrackList`

Returns the list of VideoTrack objects contained in the element.

Gecko supports only single track playback, and the parsing of tracks' metadata is only available for media with the Ogg container format.

`volume:Float`

Is a double indicating the audio volume, from 0.0 (silent) to 1.0 (loudest).

Methods

`addTextTrack(kind:TextTrackKind, label:String = "", language:String = ""):TextTrack`

Adds a text track (such as a track for subtitles) to a media element.

`canPlayType(type:String):String`

Determines whether the specified media type can be played back.

`fastSeek(time:Float):Void`

Directly seeks to the given time.

Throws:

`null`	DOMError

`load():Void`

Resets the media element and restarts the media resource. Any pending events are discarded. How much media data is fetched is still affected by the preload attribute. This method can be useful for releasing resources after any src attribute and source element descendants have been removed. Otherwise, it is usually unnecessary to use this method, unless required to rescan source element children after dynamic changes.

`pause():Void`

Pauses the media playback.

Throws:

`null`	DOMError

`play():Promise<Void>`

Begins playback of the media.

Throws:

`null`	DOMError

`setMediaKeys(mediaKeys:MediaKeys):Promise<Void>`

Returns Promise. Sets the MediaKeys keys to use when decrypting media during playback.