Provides special properties and methods for manipulating video objects. It also inherits properties and methods of HTMLMediaElement and HTMLElement.

MDN Reference

interface HTMLVideoElement {
    accessKey: string;
    accessKeyLabel: string;
    ariaAtomic: null | string;
    ariaAutoComplete: null | string;
    ariaBrailleLabel: null | string;
    ariaBrailleRoleDescription: null | string;
    ariaBusy: null | string;
    ariaChecked: null | string;
    ariaColCount: null | string;
    ariaColIndex: null | string;
    ariaColIndexText: null | string;
    ariaColSpan: null | string;
    ariaCurrent: null | string;
    ariaDescription: null | string;
    ariaDisabled: null | string;
    ariaExpanded: null | string;
    ariaHasPopup: null | string;
    ariaHidden: null | string;
    ariaInvalid: null | string;
    ariaKeyShortcuts: null | string;
    ariaLabel: null | string;
    ariaLevel: null | string;
    ariaLive: null | string;
    ariaModal: null | string;
    ariaMultiLine: null | string;
    ariaMultiSelectable: null | string;
    ariaOrientation: null | string;
    ariaPlaceholder: null | string;
    ariaPosInSet: null | string;
    ariaPressed: null | string;
    ariaReadOnly: null | string;
    ariaRequired: null | string;
    ariaRoleDescription: null | string;
    ariaRowCount: null | string;
    ariaRowIndex: null | string;
    ariaRowIndexText: null | string;
    ariaRowSpan: null | string;
    ariaSelected: null | string;
    ariaSetSize: null | string;
    ariaSort: null | string;
    ariaValueMax: null | string;
    ariaValueMin: null | string;
    ariaValueNow: null | string;
    ariaValueText: null | string;
    assignedSlot: null | 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: null | string;
    currentCSSZoom: number;
    currentSrc: string;
    currentTime: number;
    dataset: DOMStringMap;
    defaultMuted: boolean;
    defaultPlaybackRate: number;
    dir: string;
    disablePictureInPicture: boolean;
    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: null | MediaError;
    firstChild: null | ChildNode;
    firstElementChild: null | Element;
    HAVE_CURRENT_DATA: 2;
    HAVE_ENOUGH_DATA: 4;
    HAVE_FUTURE_DATA: 3;
    HAVE_METADATA: 1;
    HAVE_NOTHING: 0;
    height: number;
    hidden: boolean;
    id: string;
    inert: boolean;
    innerHTML: string;
    innerText: string;
    inputMode: string;
    isConnected: boolean;
    isContentEditable: boolean;
    lang: string;
    lastChild: null | ChildNode;
    lastElementChild: null | Element;
    localName: string;
    loop: boolean;
    mediaKeys: null | MediaKeys;
    muted: boolean;
    namespaceURI: null | string;
    NETWORK_EMPTY: 0;
    NETWORK_IDLE: 1;
    NETWORK_LOADING: 2;
    NETWORK_NO_SOURCE: 3;
    networkState: number;
    nextElementSibling: null | Element;
    nextSibling: null | ChildNode;
    nodeName: string;
    nodeType: number;
    nodeValue: null | string;
    nonce?: string;
    NOTATION_NODE: 12;
    offsetHeight: number;
    offsetLeft: number;
    offsetParent: null | Element;
    offsetTop: number;
    offsetWidth: number;
    onabort: null | (this: GlobalEventHandlers, ev: UIEvent) => any;
    onanimationcancel:
        | null
        | (this: GlobalEventHandlers, ev: AnimationEvent) => any;
    onanimationend:
        | null
        | (this: GlobalEventHandlers, ev: AnimationEvent) => any;
    onanimationiteration:
        | null
        | (this: GlobalEventHandlers, ev: AnimationEvent) => any;
    onanimationstart:
        | null
        | (this: GlobalEventHandlers, ev: AnimationEvent) => any;
    onauxclick: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    onbeforeinput: null | (this: GlobalEventHandlers, ev: InputEvent) => any;
    onbeforetoggle: null | (this: GlobalEventHandlers, ev: Event) => any;
    onblur: null | (this: GlobalEventHandlers, ev: FocusEvent) => any;
    oncancel: null | (this: GlobalEventHandlers, ev: Event) => any;
    oncanplay: null | (this: GlobalEventHandlers, ev: Event) => any;
    oncanplaythrough: null | (this: GlobalEventHandlers, ev: Event) => any;
    onchange: null | (this: GlobalEventHandlers, ev: Event) => any;
    onclick: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    onclose: null | (this: GlobalEventHandlers, ev: Event) => any;
    oncontextlost: null | (this: GlobalEventHandlers, ev: Event) => any;
    oncontextmenu: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    oncontextrestored: null | (this: GlobalEventHandlers, ev: Event) => any;
    oncopy: null | (this: GlobalEventHandlers, ev: ClipboardEvent) => any;
    oncuechange: null | (this: GlobalEventHandlers, ev: Event) => any;
    oncut: null | (this: GlobalEventHandlers, ev: ClipboardEvent) => any;
    ondblclick: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    ondrag: null | (this: GlobalEventHandlers, ev: DragEvent) => any;
    ondragend: null | (this: GlobalEventHandlers, ev: DragEvent) => any;
    ondragenter: null | (this: GlobalEventHandlers, ev: DragEvent) => any;
    ondragleave: null | (this: GlobalEventHandlers, ev: DragEvent) => any;
    ondragover: null | (this: GlobalEventHandlers, ev: DragEvent) => any;
    ondragstart: null | (this: GlobalEventHandlers, ev: DragEvent) => any;
    ondrop: null | (this: GlobalEventHandlers, ev: DragEvent) => any;
    ondurationchange: null | (this: GlobalEventHandlers, ev: Event) => any;
    onemptied: null | (this: GlobalEventHandlers, ev: Event) => any;
    onencrypted:
        | null
        | (this: HTMLMediaElement, ev: MediaEncryptedEvent) => any;
    onended: null | (this: GlobalEventHandlers, ev: Event) => any;
    onenterpictureinpicture:
        | null
        | (this: HTMLVideoElement, ev: PictureInPictureEvent) => any;
    onerror: OnErrorEventHandler;
    onfocus: null | (this: GlobalEventHandlers, ev: FocusEvent) => any;
    onformdata: null | (this: GlobalEventHandlers, ev: FormDataEvent) => any;
    onfullscreenchange: null | (this: Element, ev: Event) => any;
    onfullscreenerror: null | (this: Element, ev: Event) => any;
    ongotpointercapture:
        | null
        | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    oninput: null | (this: GlobalEventHandlers, ev: Event) => any;
    oninvalid: null | (this: GlobalEventHandlers, ev: Event) => any;
    onkeydown: null | (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
    onkeypress: null | (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
    onkeyup: null | (this: GlobalEventHandlers, ev: KeyboardEvent) => any;
    onleavepictureinpicture:
        | null
        | (this: HTMLVideoElement, ev: PictureInPictureEvent) => any;
    onload: null | (this: GlobalEventHandlers, ev: Event) => any;
    onloadeddata: null | (this: GlobalEventHandlers, ev: Event) => any;
    onloadedmetadata: null | (this: GlobalEventHandlers, ev: Event) => any;
    onloadstart: null | (this: GlobalEventHandlers, ev: Event) => any;
    onlostpointercapture:
        | null
        | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    onmousedown: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    onmouseenter: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    onmouseleave: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    onmousemove: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    onmouseout: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    onmouseover: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    onmouseup: null | (this: GlobalEventHandlers, ev: MouseEvent) => any;
    onpaste: null | (this: GlobalEventHandlers, ev: ClipboardEvent) => any;
    onpause: null | (this: GlobalEventHandlers, ev: Event) => any;
    onplay: null | (this: GlobalEventHandlers, ev: Event) => any;
    onplaying: null | (this: GlobalEventHandlers, ev: Event) => any;
    onpointercancel:
        | null
        | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    onpointerdown: null | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    onpointerenter: null | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    onpointerleave: null | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    onpointermove: null | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    onpointerout: null | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    onpointerover: null | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    onpointerup: null | (this: GlobalEventHandlers, ev: PointerEvent) => any;
    onprogress:
        | null
        | (this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any;
    onratechange: null | (this: GlobalEventHandlers, ev: Event) => any;
    onreset: null | (this: GlobalEventHandlers, ev: Event) => any;
    onresize: null | (this: GlobalEventHandlers, ev: UIEvent) => any;
    onscroll: null | (this: GlobalEventHandlers, ev: Event) => any;
    onscrollend: null | (this: GlobalEventHandlers, ev: Event) => any;
    onsecuritypolicyviolation:
        | null
        | (this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any;
    onseeked: null | (this: GlobalEventHandlers, ev: Event) => any;
    onseeking: null | (this: GlobalEventHandlers, ev: Event) => any;
    onselect: null | (this: GlobalEventHandlers, ev: Event) => any;
    onselectionchange: null | (this: GlobalEventHandlers, ev: Event) => any;
    onselectstart: null | (this: GlobalEventHandlers, ev: Event) => any;
    onslotchange: null | (this: GlobalEventHandlers, ev: Event) => any;
    onstalled: null | (this: GlobalEventHandlers, ev: Event) => any;
    onsubmit: null | (this: GlobalEventHandlers, ev: SubmitEvent) => any;
    onsuspend: null | (this: GlobalEventHandlers, ev: Event) => any;
    ontimeupdate: null | (this: GlobalEventHandlers, ev: Event) => any;
    ontoggle: null | (this: GlobalEventHandlers, ev: Event) => any;
    ontouchcancel?: null | (this: GlobalEventHandlers, ev: TouchEvent) => any;
    ontouchend?: null | (this: GlobalEventHandlers, ev: TouchEvent) => any;
    ontouchmove?: null | (this: GlobalEventHandlers, ev: TouchEvent) => any;
    ontouchstart?: null | (this: GlobalEventHandlers, ev: TouchEvent) => any;
    ontransitioncancel:
        | null
        | (this: GlobalEventHandlers, ev: TransitionEvent) => any;
    ontransitionend:
        | null
        | (this: GlobalEventHandlers, ev: TransitionEvent) => any;
    ontransitionrun:
        | null
        | (this: GlobalEventHandlers, ev: TransitionEvent) => any;
    ontransitionstart:
        | null
        | (this: GlobalEventHandlers, ev: TransitionEvent) => any;
    onvolumechange: null | (this: GlobalEventHandlers, ev: Event) => any;
    onwaiting: null | (this: GlobalEventHandlers, ev: Event) => any;
    onwaitingforkey: null | (this: HTMLMediaElement, ev: Event) => any;
    onwebkitanimationend: null | (this: GlobalEventHandlers, ev: Event) => any;
    onwebkitanimationiteration:
        | null
        | (this: GlobalEventHandlers, ev: Event) => any;
    onwebkitanimationstart:
        | null
        | (this: GlobalEventHandlers, ev: Event) => any;
    onwebkittransitionend: null | (this: GlobalEventHandlers, ev: Event) => any;
    onwheel: null | (this: GlobalEventHandlers, ev: WheelEvent) => any;
    outerHTML: string;
    outerText: string;
    ownerDocument: Document;
    parentElement: null | HTMLElement;
    parentNode: null | ParentNode;
    part: DOMTokenList;
    paused: boolean;
    playbackRate: number;
    played: TimeRanges;
    playsInline: boolean;
    popover: null | string;
    poster: string;
    prefix: null | string;
    preload: "" | "auto" | "none" | "metadata";
    preservesPitch: boolean;
    previousElementSibling: null | Element;
    previousSibling: null | ChildNode;
    PROCESSING_INSTRUCTION_NODE: 7;
    readyState: number;
    remote: RemotePlayback;
    role: null | string;
    scrollHeight: number;
    scrollLeft: number;
    scrollTop: number;
    scrollWidth: number;
    seekable: TimeRanges;
    seeking: boolean;
    shadowRoot: null | ShadowRoot;
    sinkId: string;
    slot: string;
    spellcheck: boolean;
    src: string;
    srcObject: null | MediaProvider;
    style: CSSStyleDeclaration;
    tabIndex: number;
    tagName: string;
    TEXT_NODE: 3;
    textContent: null | string;
    textTracks: TextTrackList;
    title: string;
    translate: boolean;
    videoHeight: number;
    videoWidth: number;
    volume: number;
    width: number;
    writingSuggestions: string;
    addEventListener<K extends keyof HTMLVideoElementEventMap>(
        type: K,
        listener: (this: HTMLVideoElement, ev: HTMLVideoElementEventMap[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: null | PropertyIndexedKeyframes | Keyframe[],
        options?: number | KeyframeAnimationOptions,
    ): Animation;
    append(...nodes: (string | Node)[]): void;
    appendChild<T extends Node>(node: T): T;
    attachInternals(): ElementInternals;
    attachShadow(init: ShadowRootInit): ShadowRoot;
    before(...nodes: (string | Node)[]): void;
    blur(): void;
    cancelVideoFrameCallback(handle: number): void;
    canPlayType(type: string): CanPlayTypeResult;
    checkVisibility(options?: CheckVisibilityOptions): boolean;
    click(): void;
    cloneNode(deep?: boolean): Node;
    closest<K extends keyof HTMLElementTagNameMap>(
        selector: K,
    ): null | HTMLElementTagNameMap[K];
    closest<K extends keyof SVGElementTagNameMap>(
        selector: K,
    ): null | SVGElementTagNameMap[K];
    closest<K extends keyof MathMLElementTagNameMap>(
        selector: K,
    ): null | MathMLElementTagNameMap[K];
    closest<E extends Element = Element>(selectors: string): null | E;
    compareDocumentPosition(other: Node): number;
    computedStyleMap(): StylePropertyMapReadOnly;
    contains(other: null | Node): boolean;
    dispatchEvent(event: Event): boolean;
    fastSeek(time: number): void;
    focus(options?: FocusOptions): void;
    getAnimations(options?: GetAnimationsOptions): Animation[];
    getAttribute(qualifiedName: string): null | string;
    getAttributeNames(): string[];
    getAttributeNode(qualifiedName: string): null | Attr;
    getAttributeNodeNS(
        namespace: null | string,
        localName: string,
    ): null | Attr;
    getAttributeNS(namespace: null | string, localName: string): null | string;
    getBoundingClientRect(): DOMRect;
    getClientRects(): DOMRectList;
    getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
    getElementsByTagName<K extends keyof HTMLElementTagNameMap>(
        qualifiedName: K,
    ): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
    getElementsByTagName<K extends keyof SVGElementTagNameMap>(
        qualifiedName: K,
    ): HTMLCollectionOf<SVGElementTagNameMap[K]>;
    getElementsByTagName<K extends keyof MathMLElementTagNameMap>(
        qualifiedName: K,
    ): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
    getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(
        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: null | string,
        localName: string,
    ): HTMLCollectionOf<Element>;
    getHTML(options?: GetHTMLOptions): string;
    getRootNode(options?: GetRootNodeOptions): Node;
    getVideoPlaybackQuality(): VideoPlaybackQuality;
    hasAttribute(qualifiedName: string): boolean;
    hasAttributeNS(namespace: null | string, localName: string): boolean;
    hasAttributes(): boolean;
    hasChildNodes(): boolean;
    hasPointerCapture(pointerId: number): boolean;
    hidePopover(): void;
    insertAdjacentElement(
        where: InsertPosition,
        element: Element,
    ): null | Element;
    insertAdjacentHTML(position: InsertPosition, string: string): void;
    insertAdjacentText(where: InsertPosition, data: string): void;
    insertBefore<T extends Node>(node: T, child: null | Node): T;
    isDefaultNamespace(namespace: null | string): boolean;
    isEqualNode(otherNode: null | Node): boolean;
    isSameNode(otherNode: null | Node): boolean;
    load(): void;
    lookupNamespaceURI(prefix: null | string): null | string;
    lookupPrefix(namespace: null | string): null | string;
    matches(selectors: string): boolean;
    normalize(): void;
    pause(): void;
    play(): Promise<void>;
    prepend(...nodes: (string | Node)[]): void;
    querySelector<K extends keyof HTMLElementTagNameMap>(
        selectors: K,
    ): null | HTMLElementTagNameMap[K];
    querySelector<K extends keyof SVGElementTagNameMap>(
        selectors: K,
    ): null | SVGElementTagNameMap[K];
    querySelector<K extends keyof MathMLElementTagNameMap>(
        selectors: K,
    ): null | MathMLElementTagNameMap[K];
    querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(
        selectors: K,
    ): null | HTMLElementDeprecatedTagNameMap[K];
    querySelector<E extends Element = Element>(selectors: string): null | E;
    querySelectorAll<K extends keyof HTMLElementTagNameMap>(
        selectors: K,
    ): NodeListOf<HTMLElementTagNameMap[K]>;
    querySelectorAll<K extends keyof SVGElementTagNameMap>(
        selectors: K,
    ): NodeListOf<SVGElementTagNameMap[K]>;
    querySelectorAll<K extends keyof MathMLElementTagNameMap>(
        selectors: K,
    ): NodeListOf<MathMLElementTagNameMap[K]>;
    querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(
        selectors: K,
    ): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
    querySelectorAll<E extends Element = Element>(
        selectors: string,
    ): NodeListOf<E>;
    releasePointerCapture(pointerId: number): void;
    remove(): void;
    removeAttribute(qualifiedName: string): void;
    removeAttributeNode(attr: Attr): Attr;
    removeAttributeNS(namespace: null | string, localName: string): void;
    removeChild<T extends Node>(child: T): T;
    removeEventListener<K extends keyof HTMLVideoElementEventMap>(
        type: K,
        listener: (this: HTMLVideoElement, ev: HTMLVideoElementEventMap[K]) => any,
        options?: boolean | EventListenerOptions,
    ): void;
    removeEventListener(
        type: string,
        listener: EventListenerOrEventListenerObject,
        options?: boolean | EventListenerOptions,
    ): void;
    replaceChild<T extends Node>(node: Node, child: T): T;
    replaceChildren(...nodes: (string | Node)[]): void;
    replaceWith(...nodes: (string | Node)[]): void;
    requestFullscreen(options?: FullscreenOptions): Promise<void>;
    requestPictureInPicture(): Promise<PictureInPictureWindow>;
    requestPointerLock(options?: PointerLockOptions): Promise<void>;
    requestVideoFrameCallback(callback: VideoFrameRequestCallback): number;
    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): null | Attr;
    setAttributeNodeNS(attr: Attr): null | Attr;
    setAttributeNS(
        namespace: null | string,
        qualifiedName: string,
        value: string,
    ): void;
    setHTMLUnsafe(html: string): void;
    setMediaKeys(mediaKeys: null | 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 (View Summary)

Properties

accessKey accessKeyLabel ariaAtomic ariaAutoComplete ariaBrailleLabel ariaBrailleRoleDescription ariaBusy ariaChecked ariaColCount ariaColIndex ariaColIndexText ariaColSpan ariaCurrent ariaDescription ariaDisabled ariaExpanded ariaHasPopup ariaHidden ariaInvalid ariaKeyShortcuts ariaLabel ariaLevel ariaLive ariaModal ariaMultiLine ariaMultiSelectable ariaOrientation ariaPlaceholder ariaPosInSet ariaPressed ariaReadOnly ariaRequired ariaRoleDescription ariaRowCount ariaRowIndex ariaRowIndexText 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 currentCSSZoom currentSrc currentTime dataset defaultMuted defaultPlaybackRate dir disablePictureInPicture 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 height 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 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 onenterpictureinpicture onerror onfocus onformdata onfullscreenchange onfullscreenerror ongotpointercapture oninput oninvalid onkeydown onkeypress onkeyup onleavepictureinpicture 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 playsInline popover poster 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 videoHeight videoWidth volume width writingSuggestions

Methods

Properties

accessKey: string
accessKeyLabel: string
ariaAtomic: null | string
ariaAutoComplete: null | string
ariaBrailleLabel: null | string
ariaBrailleRoleDescription: null | string
ariaBusy: null | string
ariaChecked: null | string
ariaColCount: null | string
ariaColIndex: null | string
ariaColIndexText: null | string
ariaColSpan: null | string
ariaCurrent: null | string
ariaDescription: null | string
ariaDisabled: null | string
ariaExpanded: null | string
ariaHasPopup: null | string
ariaHidden: null | string
ariaInvalid: null | string
ariaKeyShortcuts: null | string
ariaLabel: null | string
ariaLevel: null | string
ariaLive: null | string
ariaModal: null | string
ariaMultiLine: null | string
ariaMultiSelectable: null | string
ariaOrientation: null | string
ariaPlaceholder: null | string
ariaPosInSet: null | string
ariaPressed: null | string
ariaReadOnly: null | string
ariaRequired: null | string
ariaRoleDescription: null | string
ariaRowCount: null | string
ariaRowIndex: null | string
ariaRowIndexText: null | string
ariaRowSpan: null | string
ariaSelected: null | string
ariaSetSize: null | string
ariaSort: null | string
ariaValueMax: null | string
ariaValueMin: null | string
ariaValueNow: null | string
ariaValueText: null | string
assignedSlot: null | HTMLSlotElement
ATTRIBUTE_NODE: 2
attributes: NamedNodeMap
attributeStyleMap: StylePropertyMap
autocapitalize: string
autofocus: boolean
autoplay: boolean

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

MDN Reference

baseURI: string

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

MDN Reference

buffered: TimeRanges

Gets a collection of buffered time ranges.

MDN Reference

CDATA_SECTION_NODE: 4

node is a CDATASection node.

childElementCount: number
childNodes: NodeListOf<ChildNode>

Returns the children.

MDN Reference

children: HTMLCollection

Returns the child elements.

MDN Reference

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: string

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

MDN Reference

clientHeight: number
clientLeft: number
clientTop: number
clientWidth: number
COMMENT_NODE: 8

node is a Comment node.

contentEditable: string
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: null | string
currentCSSZoom: number
currentSrc: string

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

MDN Reference

currentTime: number

Gets or sets the current playback position, in seconds.

MDN Reference

dataset: DOMStringMap
defaultMuted: boolean
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: string
disablePictureInPicture: boolean
disableRemotePlayback: boolean
DOCUMENT_FRAGMENT_NODE: 11

node is a DocumentFragment node.

DOCUMENT_NODE: 9

node is a document.

DOCUMENT_POSITION_CONTAINED_BY: 16

Set when other is a descendant of node.

DOCUMENT_POSITION_CONTAINS: 8

Set when other is an ancestor of node.

DOCUMENT_POSITION_DISCONNECTED: 1

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

DOCUMENT_POSITION_FOLLOWING: 4

Set when other is following node.

DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32
DOCUMENT_POSITION_PRECEDING: 2

Set when other is preceding node.

DOCUMENT_TYPE_NODE: 10

node is a doctype.

draggable: boolean
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

ELEMENT_NODE: 1

node is an element.

ended: boolean

Gets information about whether the playback has ended or not.

MDN Reference

enterKeyHint: string
ENTITY_NODE: 6
ENTITY_REFERENCE_NODE: 5
error: null | MediaError

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

MDN Reference

firstChild: null | ChildNode

Returns the first child.

MDN Reference

firstElementChild: null | Element

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

MDN Reference

HAVE_CURRENT_DATA: 2
HAVE_ENOUGH_DATA: 4
HAVE_FUTURE_DATA: 3
HAVE_METADATA: 1
HAVE_NOTHING: 0
height: number

Gets or sets the height of the video element.

MDN Reference

hidden: boolean
id: string

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

MDN Reference

inert: boolean
innerHTML: string
innerText: string
inputMode: string
isConnected: boolean

Returns true if node is connected and false otherwise.

MDN Reference

isContentEditable: boolean
lang: string
lastChild: null | ChildNode

Returns the last child.

MDN Reference

lastElementChild: null | Element

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

MDN Reference

localName: string

Returns the local name.

MDN Reference

loop: boolean

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

MDN Reference

mediaKeys: null | MediaKeys

Available only in secure contexts.

MDN Reference

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

namespaceURI: null | string

Returns the namespace.

MDN Reference

NETWORK_EMPTY: 0
NETWORK_IDLE: 1
NETWORK_LOADING: 2
NETWORK_NO_SOURCE: 3
networkState: number

Gets the current network activity for the element.

MDN Reference

nextElementSibling: null | Element

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

MDN Reference

nextSibling: null | ChildNode

Returns the next sibling.

MDN Reference

nodeName: string

Returns a string appropriate for the type of node.

MDN Reference

nodeType: number

Returns the type of node.

MDN Reference

nodeValue: null | string
nonce?: string
NOTATION_NODE: 12
offsetHeight: number
offsetLeft: number
offsetParent: null | Element
offsetTop: number
offsetWidth: number
onabort: null | (this: GlobalEventHandlers, ev: UIEvent) => any

Fires when the user aborts the download.

The event.

MDN Reference

onanimationcancel: null | (this: GlobalEventHandlers, ev: AnimationEvent) => any
onanimationend: null | (this: GlobalEventHandlers, ev: AnimationEvent) => any
onanimationiteration:
    | null
    | (this: GlobalEventHandlers, ev: AnimationEvent) => any
onanimationstart: null | (this: GlobalEventHandlers, ev: AnimationEvent) => any
onauxclick: null | (this: GlobalEventHandlers, ev: MouseEvent) => any
onbeforeinput: null | (this: GlobalEventHandlers, ev: InputEvent) => any
onbeforetoggle: null | (this: GlobalEventHandlers, ev: Event) => any
onblur: null | (this: GlobalEventHandlers, ev: FocusEvent) => any

Fires when the object loses the input focus.

The focus event.

MDN Reference

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

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

The event.

MDN Reference

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

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

The event.

MDN Reference

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

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

The mouse event.

MDN Reference

onclose: null | (this: GlobalEventHandlers, ev: Event) => any
oncontextlost: null | (this: GlobalEventHandlers, ev: Event) => any
oncontextmenu: null | (this: GlobalEventHandlers, ev: MouseEvent) => any

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

The mouse event.

MDN Reference

oncontextrestored: null | (this: GlobalEventHandlers, ev: Event) => any
oncopy: null | (this: GlobalEventHandlers, ev: ClipboardEvent) => any
oncuechange: null | (this: GlobalEventHandlers, ev: Event) => any
oncut: null | (this: GlobalEventHandlers, ev: ClipboardEvent) => any
ondblclick: null | (this: GlobalEventHandlers, ev: MouseEvent) => any

Fires when the user double-clicks the object.

The mouse event.

MDN Reference

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

Fires on the source object continuously during a drag operation.

The event.

MDN Reference

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

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

The event.

MDN Reference

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

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

The drag event.

MDN Reference

ondragleave: null | (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.

The drag event.

MDN Reference

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

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

The event.

MDN Reference

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

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

The event.

MDN Reference

ondrop: null | (this: GlobalEventHandlers, ev: DragEvent) => any
ondurationchange: null | (this: GlobalEventHandlers, ev: Event) => any

Occurs when the duration attribute is updated.

The event.

MDN Reference

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

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

The event.

MDN Reference

onencrypted: null | (this: HTMLMediaElement, ev: MediaEncryptedEvent) => any
onended: null | (this: GlobalEventHandlers, ev: Event) => any

Occurs when the end of playback is reached.

The event

MDN Reference

onenterpictureinpicture:
    | null
    | (this: HTMLVideoElement, ev: PictureInPictureEvent) => any

Fires when an error occurs during object loading.

The event.

MDN Reference

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

Fires when the object receives focus.

The event.

MDN Reference

onformdata: null | (this: GlobalEventHandlers, ev: FormDataEvent) => any
onfullscreenchange: null | (this: Element, ev: Event) => any
onfullscreenerror: null | (this: Element, ev: Event) => any
ongotpointercapture: null | (this: GlobalEventHandlers, ev: PointerEvent) => any
oninput: null | (this: GlobalEventHandlers, ev: Event) => any
oninvalid: null | (this: GlobalEventHandlers, ev: Event) => any
onkeydown: null | (this: GlobalEventHandlers, ev: KeyboardEvent) => any

Fires when the user presses a key.

The keyboard event

MDN Reference

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

Fires when the user presses an alphanumeric key.

The event.

MDN Reference

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

Fires when the user releases a key.

The keyboard event

MDN Reference

onleavepictureinpicture:
    | null
    | (this: HTMLVideoElement, ev: PictureInPictureEvent) => any
onload: null | (this: GlobalEventHandlers, ev: Event) => any

Fires immediately after the browser loads the object.

The event.

MDN Reference

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

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

The event.

MDN Reference

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

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

The event.

MDN Reference

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

Occurs when Internet Explorer begins looking for media data.

The event.

MDN Reference

onlostpointercapture:
    | null
    | (this: GlobalEventHandlers, ev: PointerEvent) => any
onmousedown: null | (this: GlobalEventHandlers, ev: MouseEvent) => any

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

The mouse event.

MDN Reference

onmouseenter: null | (this: GlobalEventHandlers, ev: MouseEvent) => any
onmouseleave: null | (this: GlobalEventHandlers, ev: MouseEvent) => any
onmousemove: null | (this: GlobalEventHandlers, ev: MouseEvent) => any

Fires when the user moves the mouse over the object.

The mouse event.

MDN Reference

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

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

The mouse event.

MDN Reference

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

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

The mouse event.

MDN Reference

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

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

The mouse event.

MDN Reference

onpaste: null | (this: GlobalEventHandlers, ev: ClipboardEvent) => any
onpause: null | (this: GlobalEventHandlers, ev: Event) => any

Occurs when playback is paused.

The event.

MDN Reference

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

Occurs when the play method is requested.

The event.

MDN Reference

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

Occurs when the audio or video has started playing.

The event.

MDN Reference

onpointercancel: null | (this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerdown: null | (this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerenter: null | (this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerleave: null | (this: GlobalEventHandlers, ev: PointerEvent) => any
onpointermove: null | (this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerout: null | (this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerover: null | (this: GlobalEventHandlers, ev: PointerEvent) => any
onpointerup: null | (this: GlobalEventHandlers, ev: PointerEvent) => any
onprogress:
    | null
    | (this: GlobalEventHandlers, ev: ProgressEvent<EventTarget>) => any

Occurs to indicate progress while downloading media data.

The event.

MDN Reference

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

Occurs when the playback rate is increased or decreased.

The event.

MDN Reference

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

Fires when the user resets a form.

The event.

MDN Reference

onresize: null | (this: GlobalEventHandlers, ev: UIEvent) => any
onscroll: null | (this: GlobalEventHandlers, ev: Event) => any

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

The event.

MDN Reference

onscrollend: null | (this: GlobalEventHandlers, ev: Event) => any
onsecuritypolicyviolation:
    | null
    | (this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any
onseeked: null | (this: GlobalEventHandlers, ev: Event) => any

Occurs when the seek operation ends.

The event.

MDN Reference

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

Occurs when the current playback position is moved.

The event.

MDN Reference

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

Fires when the current selection changes.

The event.

MDN Reference

onselectionchange: null | (this: GlobalEventHandlers, ev: Event) => any
onselectstart: null | (this: GlobalEventHandlers, ev: Event) => any
onslotchange: null | (this: GlobalEventHandlers, ev: Event) => any
onstalled: null | (this: GlobalEventHandlers, ev: Event) => any

Occurs when the download has stopped.

The event.

MDN Reference

onsubmit: null | (this: GlobalEventHandlers, ev: SubmitEvent) => any
onsuspend: null | (this: GlobalEventHandlers, ev: Event) => any

Occurs if the load operation has been intentionally halted.

The event.

MDN Reference

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

Occurs to indicate the current playback position.

The event.

MDN Reference

ontoggle: null | (this: GlobalEventHandlers, ev: Event) => any
ontouchcancel?: null | (this: GlobalEventHandlers, ev: TouchEvent) => any
ontouchend?: null | (this: GlobalEventHandlers, ev: TouchEvent) => any
ontouchmove?: null | (this: GlobalEventHandlers, ev: TouchEvent) => any
ontouchstart?: null | (this: GlobalEventHandlers, ev: TouchEvent) => any
ontransitioncancel:
    | null
    | (this: GlobalEventHandlers, ev: TransitionEvent) => any
ontransitionend: null | (this: GlobalEventHandlers, ev: TransitionEvent) => any
ontransitionrun: null | (this: GlobalEventHandlers, ev: TransitionEvent) => any
ontransitionstart:
    | null
    | (this: GlobalEventHandlers, ev: TransitionEvent) => any
onvolumechange: null | (this: GlobalEventHandlers, ev: Event) => any

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

The event.

MDN Reference

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

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

The event.

MDN Reference

onwaitingforkey: null | (this: HTMLMediaElement, ev: Event) => any
onwebkitanimationend: null | (this: GlobalEventHandlers, ev: Event) => any

This is a legacy alias of onanimationend.

MDN Reference

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

This is a legacy alias of onanimationiteration.

MDN Reference

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

This is a legacy alias of onanimationstart.

MDN Reference

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

This is a legacy alias of ontransitionend.

MDN Reference

onwheel: null | (this: GlobalEventHandlers, ev: WheelEvent) => any
outerHTML: string
outerText: string
ownerDocument: Document

Returns the node document. Returns null for documents.

MDN Reference

parentElement: null | HTMLElement

Returns the parent element.

MDN Reference

parentNode: null | ParentNode

Returns the parent.

MDN Reference

part: DOMTokenList
paused: boolean

Gets a flag that specifies whether playback is paused.

MDN Reference

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

played: TimeRanges

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

playsInline: boolean

Gets or sets the playsinline of the video element. for example, On iPhone, video elements will now be allowed to play inline, and will not automatically enter fullscreen mode when playback begins.

popover: null | string
poster: string

Gets or sets a URL of an image to display, for example, like a movie poster. This can be a still frame from the video, or another image if no video data is available.

MDN Reference

prefix: null | string

Returns the namespace prefix.

MDN Reference

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

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

MDN Reference

preservesPitch: boolean
previousElementSibling: null | Element

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

MDN Reference

previousSibling: null | ChildNode

Returns the previous sibling.

MDN Reference

PROCESSING_INSTRUCTION_NODE: 7

node is a ProcessingInstruction node.

readyState: number
role: null | string
scrollHeight: number
scrollLeft: number
scrollTop: number
scrollWidth: number
seekable: TimeRanges

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

MDN Reference

seeking: boolean

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

shadowRoot: null | ShadowRoot

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

MDN Reference

sinkId: string

Available only in secure contexts.

MDN Reference

slot: string

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

MDN Reference

spellcheck: boolean
src: string

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

MDN Reference

srcObject: null | MediaProvider
style: CSSStyleDeclaration
tabIndex: number
tagName: string

Returns the HTML-uppercased qualified name.

MDN Reference

TEXT_NODE: 3

node is a Text node.

textContent: null | string
textTracks: TextTrackList
title: string
translate: boolean
videoHeight: number

Gets the intrinsic height of a video in CSS pixels, or zero if the dimensions are not known.

MDN Reference

videoWidth: number

Gets the intrinsic width of a video in CSS pixels, or zero if the dimensions are not known.

MDN Reference

volume: number

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

MDN Reference

width: number

Gets or sets the width of the video element.

MDN Reference

writingSuggestions: string

Methods

  • 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

  • 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

  • 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

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

    Returns 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

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

    Returns 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

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

    Returns void

  • Parameters

    • handle: number

    Returns void

  • Returns a copy of node. If deep is true, the copy also includes the node's descendants.

    MDN Reference

    Parameters

    • Optionaldeep: boolean

    Returns Node

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

    MDN Reference

    Parameters

    Returns 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

    • event: Event

    Returns boolean

  • 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 null | string

  • Returns the qualified names of all element's attributes. Can contain duplicates.

    MDN Reference

    Returns 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: null | string
    • localName: string

    Returns null | string

  • Returns a HTMLCollection of the elements in the object on which the method was invoked (a document or an element) that have all the classes given by classNames. The classNames argument is interpreted as a space-separated list of classes.

    MDN Reference

    Parameters

    • classNames: string

    Returns HTMLCollectionOf<Element>

  • Parameters

    • namespaceURI: "http://www.w3.org/1999/xhtml"
    • localName: string

    Returns HTMLCollectionOf<HTMLElement>

  • Parameters

    • namespaceURI: "http://www.w3.org/2000/svg"
    • localName: string

    Returns HTMLCollectionOf<SVGElement>

  • Parameters

    • namespaceURI: "http://www.w3.org/1998/Math/MathML"
    • localName: string

    Returns HTMLCollectionOf<MathMLElement>

  • Parameters

    • namespace: null | string
    • localName: string

    Returns HTMLCollectionOf<Element>

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

    MDN Reference

    Parameters

    • qualifiedName: string

    Returns boolean

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

    MDN Reference

    Parameters

    • namespace: null | string
    • localName: string

    Returns boolean

  • Returns true if element has attributes, and false otherwise.

    MDN Reference

    Returns boolean

  • Returns whether node and otherNode have the same properties.

    MDN Reference

    Parameters

    • otherNode: null | Node

    Returns boolean

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

    MDN Reference

    Returns void

  • Parameters

    • namespace: null | string

    Returns null | string

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

    MDN Reference

    Parameters

    • selectors: string

    Returns boolean

  • 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

  • Pauses the current playback and sets paused to TRUE.

    MDN Reference

    Returns void

  • Loads and starts playback of a media resource.

    MDN Reference

    Returns Promise<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

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

    Returns void

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

    MDN Reference

    Parameters

    • qualifiedName: string

    Returns void

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

    MDN Reference

    Parameters

    • namespace: null | string
    • localName: string

    Returns 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

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

    Returns 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

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

    Returns 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>

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

    MDN Reference

    Parameters

    • qualifiedName: string
    • value: string

    Returns void

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

    MDN Reference

    Parameters

    • namespace: null | string
    • qualifiedName: string
    • value: string

    Returns void

  • Available only in secure contexts.

    MDN Reference

    Parameters

    • sinkId: string

    Returns Promise<void>

  • 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

  • Parameters

    • selectors: string

    Returns boolean

    This is a legacy alias of matches.

    MDN Reference