Interface HTMLMediaElement

    Adds to HTMLElement the properties and methods needed to support basic media-related capabilities that are common to audio and video.

    MDN Reference

    interface HTMLMediaElement {
        accessKey: string;
        accessKeyLabel: string;
        ariaAtomic: string;
        ariaAutoComplete: string;
        ariaBrailleLabel: string;
        ariaBrailleRoleDescription: string;
        ariaBusy: string;
        ariaChecked: string;
        ariaColCount: string;
        ariaColIndex: string;
        ariaColSpan: string;
        ariaCurrent: string;
        ariaDescription: string;
        ariaDisabled: string;
        ariaExpanded: string;
        ariaHasPopup: string;
        ariaHidden: string;
        ariaInvalid: string;
        ariaKeyShortcuts: string;
        ariaLabel: string;
        ariaLevel: string;
        ariaLive: string;
        ariaModal: string;
        ariaMultiLine: string;
        ariaMultiSelectable: string;
        ariaOrientation: string;
        ariaPlaceholder: string;
        ariaPosInSet: string;
        ariaPressed: string;
        ariaReadOnly: string;
        ariaRequired: string;
        ariaRoleDescription: string;
        ariaRowCount: string;
        ariaRowIndex: string;
        ariaRowSpan: string;
        ariaSelected: string;
        ariaSetSize: string;
        ariaSort: string;
        ariaValueMax: string;
        ariaValueMin: string;
        ariaValueNow: string;
        ariaValueText: string;
        assignedSlot: HTMLSlotElement;
        ATTRIBUTE_NODE: 2;
        attributes: NamedNodeMap;
        attributeStyleMap: StylePropertyMap;
        autocapitalize: string;
        autofocus: boolean;
        autoplay: boolean;
        baseURI: string;
        buffered: TimeRanges;
        CDATA_SECTION_NODE: 4;
        childElementCount: number;
        childNodes: NodeListOf<ChildNode>;
        children: HTMLCollection;
        classList: DOMTokenList;
        className: string;
        clientHeight: number;
        clientLeft: number;
        clientTop: number;
        clientWidth: number;
        COMMENT_NODE: 8;
        contentEditable: string;
        controls: boolean;
        crossOrigin: string;
        currentSrc: string;
        currentTime: number;
        dataset: DOMStringMap;
        defaultMuted: boolean;
        defaultPlaybackRate: number;
        dir: string;
        disableRemotePlayback: boolean;
        DOCUMENT_FRAGMENT_NODE: 11;
        DOCUMENT_NODE: 9;
        DOCUMENT_POSITION_CONTAINED_BY: 16;
        DOCUMENT_POSITION_CONTAINS: 8;
        DOCUMENT_POSITION_DISCONNECTED: 1;
        DOCUMENT_POSITION_FOLLOWING: 4;
        DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
        DOCUMENT_POSITION_PRECEDING: 2;
        DOCUMENT_TYPE_NODE: 10;
        draggable: boolean;
        duration: number;
        ELEMENT_NODE: 1;
        ended: boolean;
        enterKeyHint: string;
        ENTITY_NODE: 6;
        ENTITY_REFERENCE_NODE: 5;
        error: MediaError;
        firstChild: ChildNode;
        firstElementChild: Element;
        HAVE_CURRENT_DATA: 2;
        HAVE_ENOUGH_DATA: 4;
        HAVE_FUTURE_DATA: 3;
        HAVE_METADATA: 1;
        HAVE_NOTHING: 0;
        hidden: boolean;
        id: string;
        inert: boolean;
        innerHTML: string;
        innerText: string;
        inputMode: string;
        isConnected: boolean;
        isContentEditable: boolean;
        lang: string;
        lastChild: ChildNode;
        lastElementChild: Element;
        localName: string;
        loop: boolean;
        mediaKeys: MediaKeys;
        muted: boolean;
        namespaceURI: string;
        NETWORK_EMPTY: 0;
        NETWORK_IDLE: 1;
        NETWORK_LOADING: 2;
        NETWORK_NO_SOURCE: 3;
        networkState: number;
        nextElementSibling: Element;
        nextSibling: ChildNode;
        nodeName: string;
        nodeType: number;
        nodeValue: string;
        nonce?: string;
        NOTATION_NODE: 12;
        offsetHeight: number;
        offsetLeft: number;
        offsetParent: Element;
        offsetTop: number;
        offsetWidth: number;
        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any);
        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any);
        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any);
        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any);
        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any);
        onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any);
        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any);
        onbeforexrselect: ((this: GlobalEventHandlers, ev: XRSessionEvent) => any);
        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any);
        oncancel: ((this: GlobalEventHandlers, ev: Event) => any);
        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any);
        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any);
        onchange: ((this: GlobalEventHandlers, ev: Event) => any);
        onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        onclose: ((this: GlobalEventHandlers, ev: Event) => any);
        oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any);
        oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any);
        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any);
        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any);
        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any);
        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any);
        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any);
        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any);
        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any);
        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any);
        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any);
        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any);
        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any);
        onemptied: ((this: GlobalEventHandlers, ev: Event) => any);
        onencrypted: ((this: HTMLMediaElement, ev: MediaEncryptedEvent) => any);
        onended: ((this: GlobalEventHandlers, ev: Event) => any);
        onerror: OnErrorEventHandlerNonNull;
        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any);
        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any);
        onfullscreenchange: ((this: Element, ev: Event) => any);
        onfullscreenerror: ((this: Element, ev: Event) => any);
        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        oninput: ((this: GlobalEventHandlers, ev: Event) => any);
        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any);
        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any);
        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any);
        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any);
        onload: ((this: GlobalEventHandlers, ev: Event) => any);
        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any);
        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any);
        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any);
        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any);
        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any);
        onpause: ((this: GlobalEventHandlers, ev: Event) => any);
        onplay: ((this: GlobalEventHandlers, ev: Event) => any);
        onplaying: ((this: GlobalEventHandlers, ev: Event) => any);
        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any);
        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any);
        onratechange: ((this: GlobalEventHandlers, ev: Event) => any);
        onreset: ((this: GlobalEventHandlers, ev: Event) => any);
        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any);
        onscroll: ((this: GlobalEventHandlers, ev: Event) => any);
        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any);
        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any);
        onseeked: ((this: GlobalEventHandlers, ev: Event) => any);
        onseeking: ((this: GlobalEventHandlers, ev: Event) => any);
        onselect: ((this: GlobalEventHandlers, ev: Event) => any);
        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any);
        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any);
        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any);
        onstalled: ((this: GlobalEventHandlers, ev: Event) => any);
        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any);
        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any);
        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any);
        ontoggle: ((this: GlobalEventHandlers, ev: Event) => any);
        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any);
        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any);
        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any);
        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any);
        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any);
        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any);
        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any);
        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any);
        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any);
        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any);
        onwaitingforkey: ((this: HTMLMediaElement, ev: Event) => any);
        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any);
        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any);
        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any);
        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any);
        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any);
        outerHTML: string;
        outerText: string;
        ownerDocument: Document;
        parentElement: HTMLElement;
        parentNode: ParentNode;
        part: DOMTokenList;
        paused: boolean;
        playbackRate: number;
        played: TimeRanges;
        popover: string;
        prefix: string;
        preload:
            | ""
            | "auto"
            | "none"
            | "metadata";
        preservesPitch: boolean;
        previousElementSibling: Element;
        previousSibling: ChildNode;
        PROCESSING_INSTRUCTION_NODE: 7;
        readyState: number;
        remote: RemotePlayback;
        role: string;
        scrollHeight: number;
        scrollLeft: number;
        scrollTop: number;
        scrollWidth: number;
        seekable: TimeRanges;
        seeking: boolean;
        shadowRoot: ShadowRoot;
        sinkId: string;
        slot: string;
        spellcheck: boolean;
        src: string;
        srcObject: MediaProvider;
        style: CSSStyleDeclaration;
        tabIndex: number;
        tagName: string;
        TEXT_NODE: 3;
        textContent: string;
        textTracks: TextTrackList;
        title: string;
        translate: boolean;
        volume: number;
        addEventListener<K>(type: K, listener: ((this: HTMLMediaElement, ev: HTMLMediaElementEventMap[K]) => any), options?: boolean | AddEventListenerOptions): void;
        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
        addTextTrack(kind: TextTrackKind, label?: string, language?: string): TextTrack;
        after(...nodes: (string | Node)[]): void;
        animate(keyframes: PropertyIndexedKeyframes | Keyframe[], options?: number | KeyframeAnimationOptions): Animation;
        append(...nodes: (string | Node)[]): void;
        appendChild<T>(node: T): T;
        attachInternals(): ElementInternals;
        attachShadow(init: ShadowRootInit): ShadowRoot;
        before(...nodes: (string | Node)[]): void;
        blur(): void;
        canPlayType(type: string): CanPlayTypeResult;
        checkVisibility(options?: CheckVisibilityOptions): boolean;
        click(): void;
        cloneNode(deep?: boolean): Node;
        closest<K>(selector: K): HTMLElementTagNameMap[K];
        closest<K>(selector: K): SVGElementTagNameMap[K];
        closest<K>(selector: K): MathMLElementTagNameMap[K];
        closest<E>(selectors: string): E;
        compareDocumentPosition(other: Node): number;
        computedStyleMap(): StylePropertyMapReadOnly;
        contains(other: Node): boolean;
        dispatchEvent(event: Event): boolean;
        fastSeek(time: number): void;
        focus(options?: FocusOptions): void;
        getAnimations(options?: GetAnimationsOptions): Animation[];
        getAttribute(qualifiedName: string): string;
        getAttributeNames(): string[];
        getAttributeNode(qualifiedName: string): Attr;
        getAttributeNodeNS(namespace: string, localName: string): Attr;
        getAttributeNS(namespace: string, localName: string): string;
        getBoundingClientRect(): DOMRect;
        getClientRects(): DOMRectList;
        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
        getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
        getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
        getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
        getElementsByTagName<K>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
        getElementsByTagNameNS(namespace: string, localName: string): HTMLCollectionOf<Element>;
        getHTML(options?: GetHTMLOptions): string;
        getRootNode(options?: GetRootNodeOptions): Node;
        hasAttribute(qualifiedName: string): boolean;
        hasAttributeNS(namespace: string, localName: string): boolean;
        hasAttributes(): boolean;
        hasChildNodes(): boolean;
        hasPointerCapture(pointerId: number): boolean;
        hidePopover(): void;
        insertAdjacentElement(where: InsertPosition, element: Element): Element;
        insertAdjacentHTML(position: InsertPosition, string: string): void;
        insertAdjacentText(where: InsertPosition, data: string): void;
        insertBefore<T>(node: T, child: Node): T;
        isDefaultNamespace(namespace: string): boolean;
        isEqualNode(otherNode: Node): boolean;
        isSameNode(otherNode: Node): boolean;
        load(): void;
        lookupNamespaceURI(prefix: string): string;
        lookupPrefix(namespace: string): string;
        matches(selectors: string): boolean;
        normalize(): void;
        pause(): void;
        play(): Promise<void>;
        prepend(...nodes: (string | Node)[]): void;
        querySelector<K>(selectors: K): HTMLElementTagNameMap[K];
        querySelector<K>(selectors: K): SVGElementTagNameMap[K];
        querySelector<K>(selectors: K): MathMLElementTagNameMap[K];
        querySelector<K>(selectors: K): HTMLElementDeprecatedTagNameMap[K];
        querySelector<E>(selectors: string): E;
        querySelectorAll<K>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
        querySelectorAll<K>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
        querySelectorAll<K>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
        querySelectorAll<K>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
        querySelectorAll<E>(selectors: string): NodeListOf<E>;
        releasePointerCapture(pointerId: number): void;
        remove(): void;
        removeAttribute(qualifiedName: string): void;
        removeAttributeNode(attr: Attr): Attr;
        removeAttributeNS(namespace: string, localName: string): void;
        removeChild<T>(child: T): T;
        removeEventListener<K>(type: K, listener: ((this: HTMLMediaElement, ev: HTMLMediaElementEventMap[K]) => any), options?: boolean | EventListenerOptions): void;
        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
        replaceChild<T>(node: Node, child: T): T;
        replaceChildren(...nodes: (string | Node)[]): void;
        replaceWith(...nodes: (string | Node)[]): void;
        requestFullscreen(options?: FullscreenOptions): Promise<void>;
        requestPointerLock(options?: PointerLockOptions): Promise<void>;
        scroll(options?: ScrollToOptions): void;
        scroll(x: number, y: number): void;
        scrollBy(options?: ScrollToOptions): void;
        scrollBy(x: number, y: number): void;
        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
        scrollTo(options?: ScrollToOptions): void;
        scrollTo(x: number, y: number): void;
        setAttribute(qualifiedName: string, value: string): void;
        setAttributeNode(attr: Attr): Attr;
        setAttributeNodeNS(attr: Attr): Attr;
        setAttributeNS(namespace: string, qualifiedName: string, value: string): void;
        setHTMLUnsafe(html: string): void;
        setMediaKeys(mediaKeys: MediaKeys): Promise<void>;
        setPointerCapture(pointerId: number): void;
        setSinkId(sinkId: string): Promise<void>;
        showPopover(): void;
        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
        togglePopover(force?: boolean): boolean;
        webkitMatchesSelector(selectors: string): boolean;
    }
    Hierarchy

    Properties

    accessKey accessKeyLabel ariaAtomic ariaAutoComplete ariaBrailleLabel ariaBrailleRoleDescription ariaBusy ariaChecked ariaColCount ariaColIndex ariaColSpan ariaCurrent ariaDescription ariaDisabled ariaExpanded ariaHasPopup ariaHidden ariaInvalid ariaKeyShortcuts ariaLabel ariaLevel ariaLive ariaModal ariaMultiLine ariaMultiSelectable ariaOrientation ariaPlaceholder ariaPosInSet ariaPressed ariaReadOnly ariaRequired ariaRoleDescription ariaRowCount ariaRowIndex ariaRowSpan ariaSelected ariaSetSize ariaSort ariaValueMax ariaValueMin ariaValueNow ariaValueText assignedSlot ATTRIBUTE_NODE attributes attributeStyleMap autocapitalize autofocus autoplay baseURI buffered CDATA_SECTION_NODE childElementCount childNodes children classList className clientHeight clientLeft clientTop clientWidth COMMENT_NODE contentEditable controls crossOrigin currentSrc currentTime dataset defaultMuted defaultPlaybackRate dir disableRemotePlayback DOCUMENT_FRAGMENT_NODE DOCUMENT_NODE DOCUMENT_POSITION_CONTAINED_BY DOCUMENT_POSITION_CONTAINS DOCUMENT_POSITION_DISCONNECTED DOCUMENT_POSITION_FOLLOWING DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC DOCUMENT_POSITION_PRECEDING DOCUMENT_TYPE_NODE draggable duration ELEMENT_NODE ended enterKeyHint ENTITY_NODE ENTITY_REFERENCE_NODE error firstChild firstElementChild HAVE_CURRENT_DATA HAVE_ENOUGH_DATA HAVE_FUTURE_DATA HAVE_METADATA HAVE_NOTHING hidden id inert innerHTML innerText inputMode isConnected isContentEditable lang lastChild lastElementChild localName loop mediaKeys muted namespaceURI NETWORK_EMPTY NETWORK_IDLE NETWORK_LOADING NETWORK_NO_SOURCE networkState nextElementSibling nextSibling nodeName nodeType nodeValue nonce? NOTATION_NODE offsetHeight offsetLeft offsetParent offsetTop offsetWidth onabort onanimationcancel onanimationend onanimationiteration onanimationstart onauxclick onbeforeinput onbeforetoggle onbeforexrselect onblur oncancel oncanplay oncanplaythrough onchange onclick onclose oncontextlost oncontextmenu oncontextrestored oncopy oncuechange oncut ondblclick ondrag ondragend ondragenter ondragleave ondragover ondragstart ondrop ondurationchange onemptied onencrypted onended onerror onfocus onformdata onfullscreenchange onfullscreenerror ongotpointercapture oninput oninvalid onkeydown onkeypress onkeyup onload onloadeddata onloadedmetadata onloadstart onlostpointercapture onmousedown onmouseenter onmouseleave onmousemove onmouseout onmouseover onmouseup onpaste onpause onplay onplaying onpointercancel onpointerdown onpointerenter onpointerleave onpointermove onpointerout onpointerover onpointerup onprogress onratechange onreset onresize onscroll onscrollend onsecuritypolicyviolation onseeked onseeking onselect onselectionchange onselectstart onslotchange onstalled onsubmit onsuspend ontimeupdate ontoggle ontouchcancel? ontouchend? ontouchmove? ontouchstart? ontransitioncancel ontransitionend ontransitionrun ontransitionstart onvolumechange onwaiting onwaitingforkey onwebkitanimationend onwebkitanimationiteration onwebkitanimationstart onwebkittransitionend onwheel outerHTML outerText ownerDocument parentElement parentNode part paused playbackRate played popover prefix preload preservesPitch previousElementSibling previousSibling PROCESSING_INSTRUCTION_NODE readyState remote role scrollHeight scrollLeft scrollTop scrollWidth seekable seeking shadowRoot sinkId slot spellcheck src srcObject style tabIndex tagName TEXT_NODE textContent textTracks title translate volume

    Methods

    addEventListener addTextTrack after animate append appendChild attachInternals attachShadow before blur canPlayType checkVisibility click cloneNode closest compareDocumentPosition computedStyleMap contains dispatchEvent fastSeek focus getAnimations getAttribute getAttributeNames getAttributeNode getAttributeNodeNS getAttributeNS getBoundingClientRect getClientRects getElementsByClassName getElementsByTagName getElementsByTagNameNS getHTML getRootNode hasAttribute hasAttributeNS hasAttributes hasChildNodes hasPointerCapture hidePopover insertAdjacentElement insertAdjacentHTML insertAdjacentText insertBefore isDefaultNamespace isEqualNode isSameNode load lookupNamespaceURI lookupPrefix matches normalize pause play prepend querySelector querySelectorAll releasePointerCapture remove removeAttribute removeAttributeNode removeAttributeNS removeChild removeEventListener replaceChild replaceChildren replaceWith requestFullscreen requestPointerLock scroll scrollBy scrollIntoView scrollTo setAttribute setAttributeNode setAttributeNodeNS setAttributeNS setHTMLUnsafe setMediaKeys setPointerCapture setSinkId showPopover toggleAttribute togglePopover webkitMatchesSelector

    Properties

    accessKey

    accessKey: string

    MDN Reference

    ReadonlyaccessKeyLabel

    accessKeyLabel: string

    MDN Reference

    ariaAtomic

    ariaAtomic: string

    MDN Reference

    ariaAutoComplete

    ariaAutoComplete: string

    MDN Reference

    ariaBrailleLabel

    ariaBrailleLabel: string

    MDN Reference

    ariaBrailleRoleDescription

    ariaBrailleRoleDescription: string

    MDN Reference

    ariaBusy

    ariaBusy: string

    MDN Reference

    ariaChecked

    ariaChecked: string

    MDN Reference

    ariaColCount

    ariaColCount: string

    MDN Reference

    ariaColIndex

    ariaColIndex: string

    MDN Reference

    ariaColSpan

    ariaColSpan: string

    MDN Reference

    ariaCurrent

    ariaCurrent: string

    MDN Reference

    ariaDescription

    ariaDescription: string

    MDN Reference

    ariaDisabled

    ariaDisabled: string

    MDN Reference

    ariaExpanded

    ariaExpanded: string

    MDN Reference

    ariaHasPopup

    ariaHasPopup: string

    MDN Reference

    ariaHidden

    ariaHidden: string

    MDN Reference

    ariaInvalid

    ariaInvalid: string

    ariaKeyShortcuts

    ariaKeyShortcuts: string

    MDN Reference

    ariaLabel

    ariaLabel: string

    MDN Reference

    ariaLevel

    ariaLevel: string

    MDN Reference

    ariaLive

    ariaLive: string

    MDN Reference

    ariaModal

    ariaModal: string

    MDN Reference

    ariaMultiLine

    ariaMultiLine: string

    MDN Reference

    ariaMultiSelectable

    ariaMultiSelectable: string

    MDN Reference

    ariaOrientation

    ariaOrientation: string

    MDN Reference

    ariaPlaceholder

    ariaPlaceholder: string

    MDN Reference

    ariaPosInSet

    ariaPosInSet: string

    MDN Reference

    ariaPressed

    ariaPressed: string

    MDN Reference

    ariaReadOnly

    ariaReadOnly: string

    MDN Reference

    ariaRequired

    ariaRequired: string

    MDN Reference

    ariaRoleDescription

    ariaRoleDescription: string

    MDN Reference

    ariaRowCount

    ariaRowCount: string

    MDN Reference

    ariaRowIndex

    ariaRowIndex: string

    MDN Reference

    ariaRowSpan

    ariaRowSpan: string

    MDN Reference

    ariaSelected

    ariaSelected: string

    MDN Reference

    ariaSetSize

    ariaSetSize: string

    MDN Reference

    ariaSort

    ariaSort: string

    MDN Reference

    ariaValueMax

    ariaValueMax: string

    MDN Reference

    ariaValueMin

    ariaValueMin: string

    MDN Reference

    ariaValueNow

    ariaValueNow: string

    MDN Reference

    ariaValueText

    ariaValueText: string

    MDN Reference

    ReadonlyassignedSlot

    assignedSlot: HTMLSlotElement

    MDN Reference

    ReadonlyATTRIBUTE_NODE

    ATTRIBUTE_NODE: 2

    Readonlyattributes

    attributes: NamedNodeMap

    MDN Reference

    ReadonlyattributeStyleMap

    attributeStyleMap: StylePropertyMap

    MDN Reference

    autocapitalize

    autocapitalize: string

    MDN Reference

    autofocus

    autofocus: boolean

    MDN Reference

    autoplay

    autoplay: boolean

    Gets or sets a value that indicates whether to start playing the media automatically.

    MDN Reference

    ReadonlybaseURI

    baseURI: string

    Returns node's node document's document base URL.

    MDN Reference

    Readonlybuffered

    buffered: TimeRanges

    Gets a collection of buffered time ranges.

    MDN Reference

    ReadonlyCDATA_SECTION_NODE

    CDATA_SECTION_NODE: 4

    node is a CDATASection node.

    ReadonlychildElementCount

    childElementCount: number

    MDN Reference

    ReadonlychildNodes

    childNodes: NodeListOf<ChildNode>

    Returns the children.

    MDN Reference

    Readonlychildren

    children: HTMLCollection

    Returns the child elements.

    MDN Reference

    ReadonlyclassList

    classList: DOMTokenList

    Allows for manipulation of element's class content attribute as a set of whitespace-separated tokens through a DOMTokenList object.

    MDN Reference

    className

    className: string

    Returns the value of element's class content attribute. Can be set to change it.

    MDN Reference

    ReadonlyclientHeight

    clientHeight: number

    MDN Reference

    ReadonlyclientLeft

    clientLeft: number

    MDN Reference

    ReadonlyclientTop

    clientTop: number

    MDN Reference

    ReadonlyclientWidth

    clientWidth: number

    MDN Reference

    ReadonlyCOMMENT_NODE

    COMMENT_NODE: 8

    node is a Comment node.

    contentEditable

    contentEditable: string

    MDN Reference

    controls

    controls: boolean

    Gets or sets a flag that indicates whether the client provides a set of controls for the media (in case the developer does not include controls for the player).

    MDN Reference

    crossOrigin

    crossOrigin: string

    MDN Reference

    ReadonlycurrentSrc

    currentSrc: string

    Gets the address or URL of the current media resource that is selected by IHTMLMediaElement.

    MDN Reference

    currentTime

    currentTime: number

    Gets or sets the current playback position, in seconds.

    MDN Reference

    Readonlydataset

    dataset: DOMStringMap

    MDN Reference

    defaultMuted

    defaultMuted: boolean

    MDN Reference

    defaultPlaybackRate

    defaultPlaybackRate: number

    Gets or sets the default playback rate when the user is not using fast forward or reverse for a video or audio resource.

    MDN Reference

    dir

    dir: string

    MDN Reference

    disableRemotePlayback

    disableRemotePlayback: boolean

    MDN Reference

    ReadonlyDOCUMENT_FRAGMENT_NODE

    DOCUMENT_FRAGMENT_NODE: 11

    node is a DocumentFragment node.

    ReadonlyDOCUMENT_NODE

    DOCUMENT_NODE: 9

    node is a document.

    ReadonlyDOCUMENT_POSITION_CONTAINED_BY

    DOCUMENT_POSITION_CONTAINED_BY: 16

    Set when other is a descendant of node.

    ReadonlyDOCUMENT_POSITION_CONTAINS

    DOCUMENT_POSITION_CONTAINS: 8

    Set when other is an ancestor of node.

    ReadonlyDOCUMENT_POSITION_DISCONNECTED

    DOCUMENT_POSITION_DISCONNECTED: 1

    Set when node and other are not in the same tree.

    ReadonlyDOCUMENT_POSITION_FOLLOWING

    DOCUMENT_POSITION_FOLLOWING: 4

    Set when other is following node.

    ReadonlyDOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC

    DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32

    ReadonlyDOCUMENT_POSITION_PRECEDING

    DOCUMENT_POSITION_PRECEDING: 2

    Set when other is preceding node.

    ReadonlyDOCUMENT_TYPE_NODE

    DOCUMENT_TYPE_NODE: 10

    node is a doctype.

    draggable

    draggable: boolean

    MDN Reference

    Readonlyduration

    duration: number

    Returns the duration in seconds of the current media resource. A NaN value is returned if duration is not available, or Infinity if the media resource is streaming.

    MDN Reference

    ReadonlyELEMENT_NODE

    ELEMENT_NODE: 1

    node is an element.

    Readonlyended

    ended: boolean

    Gets information about whether the playback has ended or not.

    MDN Reference

    enterKeyHint

    enterKeyHint: string

    MDN Reference

    ReadonlyENTITY_NODE

    ENTITY_NODE: 6

    ReadonlyENTITY_REFERENCE_NODE

    ENTITY_REFERENCE_NODE: 5

    Readonlyerror

    error: MediaError

    Returns an object representing the current error state of the audio or video element.

    MDN Reference

    ReadonlyfirstChild

    firstChild: ChildNode

    Returns the first child.

    MDN Reference

    ReadonlyfirstElementChild

    firstElementChild: Element

    Returns the first child that is an element, and null otherwise.

    MDN Reference

    ReadonlyHAVE_CURRENT_DATA

    HAVE_CURRENT_DATA: 2

    ReadonlyHAVE_ENOUGH_DATA

    HAVE_ENOUGH_DATA: 4

    ReadonlyHAVE_FUTURE_DATA

    HAVE_FUTURE_DATA: 3

    ReadonlyHAVE_METADATA

    HAVE_METADATA: 1

    ReadonlyHAVE_NOTHING

    HAVE_NOTHING: 0

    hidden

    hidden: boolean

    MDN Reference

    id

    id: string

    Returns the value of element's id content attribute. Can be set to change it.

    MDN Reference

    inert

    inert: boolean

    MDN Reference

    innerHTML

    innerHTML: string

    MDN Reference

    innerText

    innerText: string

    MDN Reference

    inputMode

    inputMode: string

    MDN Reference

    ReadonlyisConnected

    isConnected: boolean

    Returns true if node is connected and false otherwise.

    MDN Reference

    ReadonlyisContentEditable

    isContentEditable: boolean

    MDN Reference

    lang

    lang: string

    MDN Reference

    ReadonlylastChild

    lastChild: ChildNode

    Returns the last child.

    MDN Reference

    ReadonlylastElementChild

    lastElementChild: Element

    Returns the last child that is an element, and null otherwise.

    MDN Reference

    ReadonlylocalName

    localName: string

    Returns the local name.

    MDN Reference

    loop

    loop: boolean

    Gets or sets a flag to specify whether playback should restart after it completes.

    MDN Reference

    ReadonlymediaKeys

    mediaKeys: MediaKeys

    Available only in secure contexts.

    MDN Reference

    muted

    muted: boolean

    Gets or sets a flag that indicates whether the audio (either audio or the audio track on video media) is muted.

    MDN Reference

    ReadonlynamespaceURI

    namespaceURI: string

    Returns the namespace.

    MDN Reference

    ReadonlyNETWORK_EMPTY

    NETWORK_EMPTY: 0

    ReadonlyNETWORK_IDLE

    NETWORK_IDLE: 1

    ReadonlyNETWORK_LOADING

    NETWORK_LOADING: 2

    ReadonlyNETWORK_NO_SOURCE

    NETWORK_NO_SOURCE: 3

    ReadonlynetworkState

    networkState: number

    Gets the current network activity for the element.

    MDN Reference

    ReadonlynextElementSibling

    nextElementSibling: Element

    Returns the first following sibling that is an element, and null otherwise.

    MDN Reference

    ReadonlynextSibling

    nextSibling: ChildNode

    Returns the next sibling.

    MDN Reference

    ReadonlynodeName

    nodeName: string

    Returns a string appropriate for the type of node.

    MDN Reference

    ReadonlynodeType

    nodeType: number

    Returns the type of node.

    MDN Reference

    nodeValue

    nodeValue: string

    MDN Reference

    Optionalnonce

    nonce?: string

    MDN Reference

    ReadonlyNOTATION_NODE

    NOTATION_NODE: 12

    ReadonlyoffsetHeight

    offsetHeight: number

    MDN Reference

    ReadonlyoffsetLeft

    offsetLeft: number

    MDN Reference

    ReadonlyoffsetParent

    offsetParent: Element

    MDN Reference

    ReadonlyoffsetTop

    offsetTop: number

    MDN Reference

    ReadonlyoffsetWidth

    offsetWidth: number

    MDN Reference

    onabort

    onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any)

    Fires when the user aborts the download.

    Type declaration

    onanimationcancel

    onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any)

    MDN Reference

    onanimationend

    onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any)

    MDN Reference

    onanimationiteration

    onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any)

    MDN Reference

    onanimationstart

    onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any)

    MDN Reference

    onauxclick

    onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    MDN Reference

    onbeforeinput

    onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any)

    MDN Reference

    onbeforetoggle

    onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onbeforexrselect

    onbeforexrselect: ((this: GlobalEventHandlers, ev: XRSessionEvent) => any)

    An XRSessionEvent of type beforexrselect is dispatched on the DOM overlay element before generating a WebXR selectstart input event if the -Z axis of the input source's targetRaySpace intersects the DOM overlay element at the time the input device's primary action is triggered.

    onblur

    onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any)

    Fires when the object loses the input focus.

    Type declaration

    oncancel

    oncancel: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncanplay

    oncanplay: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when playback is possible, but would require further buffering.

    Type declaration

    oncanplaythrough

    oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onchange

    onchange: ((this: GlobalEventHandlers, ev: Event) => any)

    Fires when the contents of the object or selection have changed.

    Type declaration

    onclick

    onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user clicks the left mouse button on the object

    Type declaration

    onclose

    onclose: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncontextlost

    oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncontextmenu

    oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user clicks the right mouse button in the client area, opening the context menu.

    Type declaration

    oncontextrestored

    oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncopy

    oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any)

    MDN Reference

    oncuechange

    oncuechange: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oncut

    oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any)

    MDN Reference

    ondblclick

    ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user double-clicks the object.

    Type declaration

    ondrag

    ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the source object continuously during a drag operation.

    Type declaration

    ondragend

    ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the source object when the user releases the mouse at the close of a drag operation.

    Type declaration

    ondragenter

    ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the target element when the user drags the object to a valid drop target.

    Type declaration

    ondragleave

    ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the target object when the user moves the mouse out of a valid drop target during a drag operation.

    Type declaration

    ondragover

    ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the target element continuously while the user drags the object over a valid drop target.

    Type declaration

    ondragstart

    ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any)

    Fires on the source object when the user starts to drag a text selection or selected object.

    Type declaration

    ondrop

    ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any)

    MDN Reference

    ondurationchange

    ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the duration attribute is updated.

    Type declaration

    onemptied

    onemptied: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the media element is reset to its initial state.

    Type declaration

    onencrypted

    onencrypted: ((this: HTMLMediaElement, ev: MediaEncryptedEvent) => any)

    MDN Reference

    onended

    onended: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the end of playback is reached.

    Type declaration

    onerror

    onerror: OnErrorEventHandlerNonNull

    Fires when an error occurs during object loading.

    Param: ev

    The event.

    MDN Reference

    onfocus

    onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any)

    Fires when the object receives focus.

    Type declaration

    onformdata

    onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any)

    MDN Reference

    onfullscreenchange

    onfullscreenchange: ((this: Element, ev: Event) => any)

    MDN Reference

    onfullscreenerror

    onfullscreenerror: ((this: Element, ev: Event) => any)

    MDN Reference

    ongotpointercapture

    ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    oninput

    oninput: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    oninvalid

    oninvalid: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onkeydown

    onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any)

    Fires when the user presses a key.

    Type declaration

    onkeypress

    onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any)

    Fires when the user presses an alphanumeric key.

    Type declaration

    Deprecated

    MDN Reference

    onkeyup

    onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any)

    Fires when the user releases a key.

    Type declaration

    onload

    onload: ((this: GlobalEventHandlers, ev: Event) => any)

    Fires immediately after the browser loads the object.

    Type declaration

    onloadeddata

    onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when media data is loaded at the current playback position.

    Type declaration

    onloadedmetadata

    onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the duration and dimensions of the media have been determined.

    Type declaration

    onloadstart

    onloadstart: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when Internet Explorer begins looking for media data.

    Type declaration

    onlostpointercapture

    onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onmousedown

    onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user clicks the object with either mouse button.

    Type declaration

    onmouseenter

    onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    MDN Reference

    onmouseleave

    onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    MDN Reference

    onmousemove

    onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user moves the mouse over the object.

    Type declaration

    onmouseout

    onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user moves the mouse pointer outside the boundaries of the object.

    Type declaration

    onmouseover

    onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user moves the mouse pointer into the object.

    Type declaration

    onmouseup

    onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any)

    Fires when the user releases a mouse button while the mouse is over the object.

    Type declaration

    onpaste

    onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any)

    MDN Reference

    onpause

    onpause: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when playback is paused.

    Type declaration

    onplay

    onplay: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the play method is requested.

    Type declaration

    onplaying

    onplaying: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the audio or video has started playing.

    Type declaration

    onpointercancel

    onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerdown

    onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerenter

    onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerleave

    onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointermove

    onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerout

    onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerover

    onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onpointerup

    onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any)

    MDN Reference

    onprogress

    onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any)

    Occurs to indicate progress while downloading media data.

    Type declaration

    onratechange

    onratechange: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the playback rate is increased or decreased.

    Type declaration

    onreset

    onreset: ((this: GlobalEventHandlers, ev: Event) => any)

    Fires when the user resets a form.

    Type declaration

    onresize

    onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any)

    MDN Reference

    onscroll

    onscroll: ((this: GlobalEventHandlers, ev: Event) => any)

    Fires when the user repositions the scroll box in the scroll bar on the object.

    Type declaration

    onscrollend

    onscrollend: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onsecuritypolicyviolation

    onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any)

    MDN Reference

    onseeked

    onseeked: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the seek operation ends.

    Type declaration

    onseeking

    onseeking: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the current playback position is moved.

    Type declaration

    onselect

    onselect: ((this: GlobalEventHandlers, ev: Event) => any)

    Fires when the current selection changes.

    Type declaration

    onselectionchange

    onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onselectstart

    onselectstart: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onslotchange

    onslotchange: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    onstalled

    onstalled: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the download has stopped.

    Type declaration

    onsubmit

    onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any)

    MDN Reference

    onsuspend

    onsuspend: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs if the load operation has been intentionally halted.

    Type declaration

    ontimeupdate

    ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs to indicate the current playback position.

    Type declaration

    ontoggle

    ontoggle: ((this: GlobalEventHandlers, ev: Event) => any)

    MDN Reference

    Optionalontouchcancel

    ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any)

    MDN Reference

    Optionalontouchend

    ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any)

    MDN Reference

    Optionalontouchmove

    ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any)

    MDN Reference

    Optionalontouchstart

    ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any)

    MDN Reference

    ontransitioncancel

    ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any)

    MDN Reference

    ontransitionend

    ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any)

    MDN Reference

    ontransitionrun

    ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any)

    MDN Reference

    ontransitionstart

    ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any)

    MDN Reference

    onvolumechange

    onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when the volume is changed, or playback is muted or unmuted.

    Type declaration

    onwaiting

    onwaiting: ((this: GlobalEventHandlers, ev: Event) => any)

    Occurs when playback stops because the next frame of a video resource is not available.

    Type declaration

    onwaitingforkey

    onwaitingforkey: ((this: HTMLMediaElement, ev: Event) => any)

    onwebkitanimationend

    onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any)

    Deprecated

    This is a legacy alias of onanimationend.

    MDN Reference

    onwebkitanimationiteration

    onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any)

    Deprecated

    This is a legacy alias of onanimationiteration.

    MDN Reference

    onwebkitanimationstart

    onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any)

    Deprecated

    This is a legacy alias of onanimationstart.

    MDN Reference

    onwebkittransitionend

    onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any)

    Deprecated

    This is a legacy alias of ontransitionend.

    MDN Reference

    onwheel

    onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any)

    MDN Reference

    outerHTML

    outerHTML: string

    MDN Reference

    outerText

    outerText: string

    MDN Reference

    ReadonlyownerDocument

    ownerDocument: Document

    Returns the node document. Returns null for documents.

    MDN Reference

    ReadonlyparentElement

    parentElement: HTMLElement

    Returns the parent element.

    MDN Reference

    ReadonlyparentNode

    parentNode: ParentNode

    Returns the parent.

    MDN Reference

    Readonlypart

    part: DOMTokenList

    MDN Reference

    Readonlypaused

    paused: boolean

    Gets a flag that specifies whether playback is paused.

    MDN Reference

    playbackRate

    playbackRate: number

    Gets or sets the current rate of speed for the media resource to play. This speed is expressed as a multiple of the normal speed of the media resource.

    MDN Reference

    Readonlyplayed

    played: TimeRanges

    Gets TimeRanges for the current media resource that has been played.

    popover

    popover: string

    MDN Reference

    Readonlyprefix

    prefix: string

    Returns the namespace prefix.

    MDN Reference

    preload

    preload:
        | ""
        | "auto"
        | "none"
        | "metadata"

    Gets or sets a value indicating what data should be preloaded, if any.

    MDN Reference

    preservesPitch

    preservesPitch: boolean

    MDN Reference

    ReadonlypreviousElementSibling

    previousElementSibling: Element

    Returns the first preceding sibling that is an element, and null otherwise.

    MDN Reference

    ReadonlypreviousSibling

    previousSibling: ChildNode

    Returns the previous sibling.

    MDN Reference

    ReadonlyPROCESSING_INSTRUCTION_NODE

    PROCESSING_INSTRUCTION_NODE: 7

    node is a ProcessingInstruction node.

    ReadonlyreadyState

    readyState: number

    MDN Reference

    Readonlyremote

    remote: RemotePlayback

    MDN Reference

    role

    role: string

    ReadonlyscrollHeight

    scrollHeight: number

    MDN Reference

    scrollLeft

    scrollLeft: number

    MDN Reference

    scrollTop

    scrollTop: number

    MDN Reference

    ReadonlyscrollWidth

    scrollWidth: number

    MDN Reference

    Readonlyseekable

    seekable: TimeRanges

    Returns a TimeRanges object that represents the ranges of the current media resource that can be seeked.

    MDN Reference

    Readonlyseeking

    seeking: boolean

    Gets a flag that indicates whether the client is currently moving to a new playback position in the media resource.

    ReadonlyshadowRoot

    shadowRoot: ShadowRoot

    Returns element's shadow root, if any, and if shadow root's mode is "open", and null otherwise.

    MDN Reference

    ReadonlysinkId

    sinkId: string

    Available only in secure contexts.

    MDN Reference

    slot

    slot: string

    Returns the value of element's slot content attribute. Can be set to change it.

    MDN Reference

    spellcheck

    spellcheck: boolean

    MDN Reference

    src

    src: string

    The address or URL of the a media resource that is to be considered.

    MDN Reference

    srcObject

    srcObject: MediaProvider

    MDN Reference

    Readonlystyle

    style: CSSStyleDeclaration

    MDN Reference

    tabIndex

    tabIndex: number

    MDN Reference

    ReadonlytagName

    tagName: string

    Returns the HTML-uppercased qualified name.

    MDN Reference

    ReadonlyTEXT_NODE

    TEXT_NODE: 3

    node is a Text node.

    textContent

    textContent: string

    MDN Reference

    ReadonlytextTracks

    textTracks: TextTrackList

    MDN Reference

    title

    title: string

    MDN Reference

    translate

    translate: boolean

    MDN Reference

    volume

    volume: number

    Gets or sets the volume level for audio portions of the media element.

    MDN Reference

    Methods

    addEventListener

    • addEventListener<K>(type, listener, options?): void

    • Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched.

      The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.

      When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.

      When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners.

      When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed.

      If an AbortSignal is passed for options's signal, then the event listener will be removed when signal is aborted.

      The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.

      MDN Reference

      Type Parameters

      Parameters

      Returns void

    • addEventListener(type, listener, options?): void

    • Appends an event listener for events whose type attribute value is type. The callback argument sets the callback that will be invoked when the event is dispatched.

      The options argument sets listener-specific options. For compatibility this can be a boolean, in which case the method behaves exactly as if the value was specified as options's capture.

      When set to true, options's capture prevents callback from being invoked when the event's eventPhase attribute value is BUBBLING_PHASE. When false (or not present), callback will not be invoked when event's eventPhase attribute value is CAPTURING_PHASE. Either way, callback will be invoked if event's eventPhase attribute value is AT_TARGET.

      When set to true, options's passive indicates that the callback will not cancel the event by invoking preventDefault(). This is used to enable performance optimizations described in § 2.8 Observing event listeners.

      When set to true, options's once indicates that the callback will only be invoked once after which the event listener will be removed.

      If an AbortSignal is passed for options's signal, then the event listener will be removed when signal is aborted.

      The event listener is appended to target's event listener list and is not appended if it has the same type, callback, and capture.

      MDN Reference

      Parameters

      Returns void

    addTextTrack

    after

    • after(...nodes): void

    • Inserts nodes just after node, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • Rest...nodes: (string | Node)[]

      Returns void

    animate

    append

    • append(...nodes): void

    • Inserts nodes after the last child of node, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • Rest...nodes: (string | Node)[]

      Returns void

    appendChild

    attachInternals

    attachShadow

    before

    • before(...nodes): void

    • Inserts nodes just before node, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • Rest...nodes: (string | Node)[]

      Returns void

    blur

    canPlayType

    checkVisibility

    click

    cloneNode

    closest

    compareDocumentPosition

    computedStyleMap

    contains

    • contains(other): boolean

    • Returns true if other is an inclusive descendant of node, and false otherwise.

      MDN Reference

      Parameters

      Returns boolean

    dispatchEvent

    • dispatchEvent(event): boolean

    • Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.

      MDN Reference

      Parameters

      Returns boolean

    fastSeek

    • fastSeek(time): void

    • MDN Reference

      Parameters

      • time: number

      Returns void

    focus

    getAnimations

    getAttribute

    • getAttribute(qualifiedName): string

    • Returns element's first attribute whose qualified name is qualifiedName, and null if there is no such attribute otherwise.

      MDN Reference

      Parameters

      • qualifiedName: string

      Returns string

    getAttributeNames

    getAttributeNode

    getAttributeNodeNS

    getAttributeNS

    • getAttributeNS(namespace, localName): string

    • Returns element's attribute whose namespace is namespace and local name is localName, and null if there is no such attribute otherwise.

      MDN Reference

      Parameters

      • namespace: string
      • localName: string

      Returns string

    getBoundingClientRect

    getClientRects

    getElementsByClassName

    getElementsByTagName

    getElementsByTagNameNS

    getHTML

    getRootNode

    hasAttribute

    • hasAttribute(qualifiedName): boolean

    • Returns true if element has an attribute whose qualified name is qualifiedName, and false otherwise.

      MDN Reference

      Parameters

      • qualifiedName: string

      Returns boolean

    hasAttributeNS

    • hasAttributeNS(namespace, localName): boolean

    • Returns true if element has an attribute whose namespace is namespace and local name is localName.

      MDN Reference

      Parameters

      • namespace: string
      • localName: string

      Returns boolean

    hasAttributes

    hasChildNodes

    hasPointerCapture

    hidePopover

    insertAdjacentElement

    insertAdjacentHTML

    insertAdjacentText

    insertBefore

    isDefaultNamespace

    isEqualNode

    isSameNode

    load

    • load(): void

    • Resets the audio or video object and loads a new media resource.

      MDN Reference

      Returns void

    lookupNamespaceURI

    lookupPrefix

    matches

    • matches(selectors): boolean

    • Returns true if matching selectors against element's root yields element, and false otherwise.

      MDN Reference

      Parameters

      • selectors: string

      Returns boolean

    normalize

    • normalize(): void

    • Removes empty exclusive Text nodes and concatenates the data of remaining contiguous exclusive Text nodes into the first of their nodes.

      MDN Reference

      Returns void

    pause

    • pause(): void

    • Pauses the current playback and sets paused to TRUE.

      MDN Reference

      Returns void

    play

    prepend

    • prepend(...nodes): void

    • Inserts nodes before the first child of node, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • Rest...nodes: (string | Node)[]

      Returns void

    querySelector

    querySelectorAll

    releasePointerCapture

    remove

    removeAttribute

    • removeAttribute(qualifiedName): void

    • Removes element's first attribute whose qualified name is qualifiedName.

      MDN Reference

      Parameters

      • qualifiedName: string

      Returns void

    removeAttributeNode

    removeAttributeNS

    • removeAttributeNS(namespace, localName): void

    • Removes element's attribute whose namespace is namespace and local name is localName.

      MDN Reference

      Parameters

      • namespace: string
      • localName: string

      Returns void

    removeChild

    removeEventListener

    replaceChild

    replaceChildren

    • replaceChildren(...nodes): void

    • Replace all children of node with nodes, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • Rest...nodes: (string | Node)[]

      Returns void

    replaceWith

    • replaceWith(...nodes): void

    • Replaces node with nodes, while replacing strings in nodes with equivalent Text nodes.

      Throws a "HierarchyRequestError" DOMException if the constraints of the node tree are violated.

      MDN Reference

      Parameters

      • Rest...nodes: (string | Node)[]

      Returns void

    requestFullscreen

    • requestFullscreen(options?): Promise<void>

    • Displays element fullscreen and resolves promise when done.

      When supplied, options's navigationUI member indicates whether showing navigation UI while in fullscreen is preferred or not. If set to "show", navigation simplicity is preferred over screen space, and if set to "hide", more screen space is preferred. User agents are always free to honor user preference over the application's. The default value "auto" indicates no application preference.

      MDN Reference

      Parameters

      Returns Promise<void>

    requestPointerLock

    scroll

    scrollBy

    scrollIntoView

    scrollTo

    setAttribute

    • setAttribute(qualifiedName, value): void

    • Sets the value of element's first attribute whose qualified name is qualifiedName to value.

      MDN Reference

      Parameters

      • qualifiedName: string
      • value: string

      Returns void

    setAttributeNode

    setAttributeNodeNS

    setAttributeNS

    • setAttributeNS(namespace, qualifiedName, value): void

    • Sets the value of element's attribute whose namespace is namespace and local name is localName to value.

      MDN Reference

      Parameters

      • namespace: string
      • qualifiedName: string
      • value: string

      Returns void

    setHTMLUnsafe

    setMediaKeys

    setPointerCapture

    setSinkId

    showPopover

    toggleAttribute

    • toggleAttribute(qualifiedName, force?): boolean

    • If force is not given, "toggles" qualifiedName, removing it if it is present and adding it if it is not present. If force is true, adds qualifiedName. If force is false, removes qualifiedName.

      Returns true if qualifiedName is now present, and false otherwise.

      MDN Reference

      Parameters

      • qualifiedName: string
      • Optionalforce: boolean

      Returns boolean

    togglePopover

    webkitMatchesSelector

    Settings

    Member Visibility

    On This Page

    Properties
    accessKeyaccessKeyLabelariaAtomicariaAutoCompleteariaBrailleLabelariaBrailleRoleDescriptionariaBusyariaCheckedariaColCountariaColIndexariaColSpanariaCurrentariaDescriptionariaDisabledariaExpandedariaHasPopupariaHiddenariaInvalidariaKeyShortcutsariaLabelariaLevelariaLiveariaModalariaMultiLineariaMultiSelectableariaOrientationariaPlaceholderariaPosInSetariaPressedariaReadOnlyariaRequiredariaRoleDescriptionariaRowCountariaRowIndexariaRowSpanariaSelectedariaSetSizeariaSortariaValueMaxariaValueMinariaValueNowariaValueTextassignedSlotATTRIBUTE_NODEattributesattributeStyleMapautocapitalizeautofocusautoplaybaseURIbufferedCDATA_SECTION_NODEchildElementCountchildNodeschildrenclassListclassNameclientHeightclientLeftclientTopclientWidthCOMMENT_NODEcontentEditablecontrolscrossOrigincurrentSrccurrentTimedatasetdefaultMuteddefaultPlaybackRatedirdisableRemotePlaybackDOCUMENT_FRAGMENT_NODEDOCUMENT_NODEDOCUMENT_POSITION_CONTAINED_BYDOCUMENT_POSITION_CONTAINSDOCUMENT_POSITION_DISCONNECTEDDOCUMENT_POSITION_FOLLOWINGDOCUMENT_POSITION_IMPLEMENTATION_SPECIFICDOCUMENT_POSITION_PRECEDINGDOCUMENT_TYPE_NODEdraggabledurationELEMENT_NODEendedenterKeyHintENTITY_NODEENTITY_REFERENCE_NODEerrorfirstChildfirstElementChildHAVE_CURRENT_DATAHAVE_ENOUGH_DATAHAVE_FUTURE_DATAHAVE_METADATAHAVE_NOTHINGhiddenidinertinnerHTMLinnerTextinputModeisConnectedisContentEditablelanglastChildlastElementChildlocalNameloopmediaKeysmutednamespaceURINETWORK_EMPTYNETWORK_IDLENETWORK_LOADINGNETWORK_NO_SOURCEnetworkStatenextElementSiblingnextSiblingnodeNamenodeTypenodeValuenonceNOTATION_NODEoffsetHeightoffsetLeftoffsetParentoffsetTopoffsetWidthonabortonanimationcancelonanimationendonanimationiterationonanimationstartonauxclickonbeforeinputonbeforetoggleonbeforexrselectonbluroncanceloncanplayoncanplaythroughonchangeonclickoncloseoncontextlostoncontextmenuoncontextrestoredoncopyoncuechangeoncutondblclickondragondragendondragenterondragleaveondragoverondragstartondropondurationchangeonemptiedonencryptedonendedonerroronfocusonformdataonfullscreenchangeonfullscreenerrorongotpointercaptureoninputoninvalidonkeydownonkeypressonkeyuponloadonloadeddataonloadedmetadataonloadstartonlostpointercaptureonmousedownonmouseenteronmouseleaveonmousemoveonmouseoutonmouseoveronmouseuponpasteonpauseonplayonplayingonpointercancelonpointerdownonpointerenteronpointerleaveonpointermoveonpointeroutonpointeroveronpointeruponprogressonratechangeonresetonresizeonscrollonscrollendonsecuritypolicyviolationonseekedonseekingonselectonselectionchangeonselectstartonslotchangeonstalledonsubmitonsuspendontimeupdateontoggleontouchcancelontouchendontouchmoveontouchstartontransitioncancelontransitionendontransitionrunontransitionstartonvolumechangeonwaitingonwaitingforkeyonwebkitanimationendonwebkitanimationiterationonwebkitanimationstartonwebkittransitionendonwheelouterHTMLouterTextownerDocumentparentElementparentNodepartpausedplaybackRateplayedpopoverprefixpreloadpreservesPitchpreviousElementSiblingpreviousSiblingPROCESSING_INSTRUCTION_NODEreadyStateremoterolescrollHeightscrollLeftscrollTopscrollWidthseekableseekingshadowRootsinkIdslotspellchecksrcsrcObjectstyletabIndextagNameTEXT_NODEtextContenttextTrackstitletranslatevolume
    Methods
    addEventListeneraddTextTrackafteranimateappendappendChildattachInternalsattachShadowbeforeblurcanPlayTypecheckVisibilityclickcloneNodeclosestcompareDocumentPositioncomputedStyleMapcontainsdispatchEventfastSeekfocusgetAnimationsgetAttributegetAttributeNamesgetAttributeNodegetAttributeNodeNSgetAttributeNSgetBoundingClientRectgetClientRectsgetElementsByClassNamegetElementsByTagNamegetElementsByTagNameNSgetHTMLgetRootNodehasAttributehasAttributeNShasAttributeshasChildNodeshasPointerCapturehidePopoverinsertAdjacentElementinsertAdjacentHTMLinsertAdjacentTextinsertBeforeisDefaultNamespaceisEqualNodeisSameNodeloadlookupNamespaceURIlookupPrefixmatchesnormalizepauseplayprependquerySelectorquerySelectorAllreleasePointerCaptureremoveremoveAttributeremoveAttributeNoderemoveAttributeNSremoveChildremoveEventListenerreplaceChildreplaceChildrenreplaceWithrequestFullscreenrequestPointerLockscrollscrollByscrollIntoViewscrollTosetAttributesetAttributeNodesetAttributeNodeNSsetAttributeNSsetHTMLUnsafesetMediaKeyssetPointerCapturesetSinkIdshowPopovertoggleAttributetogglePopoverwebkitMatchesSelector