# `htmlVideo`

## Reference & Documentation

A `Video` component. `Video` is a wrapper for the <video> HTML5 element. For detailed attribute info see: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

> Our recommended IDE for writing Dash apps is Dash Enterprise's Data Science Workspaces, which has typeahead support for Dash Component Properties. Find out if your company is using Dash Enterprise.

`children` (unnamed list of or a singular dash component, character or numeric; optional): The children of this component.

`id` (character; optional): The ID of this component, used to identify dash components in callbacks. The ID needs to be unique across all of the components in an app.

`n_clicks` (numeric; default `0`): An integer that represents the number of times that this element has been clicked on.

`n_clicks_timestamp` (numeric; default `-1`): An integer that represents the time (in ms since 1970) at which n_clicks changed. This can be used to tell which button was changed most recently.

`disable_n_clicks` (logical; optional): When True, this will disable the n_clicks prop. Use this to remove event listeners that may interfere with screen readers.

`key` (character; optional): A unique identifier for the component, used to improve performance by React.js while rendering components See https://reactjs.org/docs/lists-and-keys.html for more info.

`autoPlay` (a value equal to: 'autoPlay', 'autoplay' or 'AUTOPLAY' | logical; optional): The audio or video should play as soon as possible.

`controls` (a value equal to: 'controls' or 'CONTROLS' | logical; optional): Indicates whether the browser should show playback controls to the user.

`crossOrigin` (character; optional): How the element handles cross-origin requests.

`height` (character | numeric; optional): Specifies the height of elements listed here. For all other elements, use the CSS height property. Note: In some instances, such as <div>, this is a legacy attribute, in which case the CSS height property should be used instead.

`loop` (a value equal to: 'loop' or 'LOOP' | logical; optional): Indicates whether the media should start playing from the start when it's finished.

`muted` (a value equal to: 'muted' or 'MUTED' | logical; optional): Indicates whether the audio will be initially silenced on page load.

`poster` (character; optional): A URL indicating a poster frame to show until the user plays or seeks.

`preload` (character; optional): Indicates whether the whole resource, parts of it or nothing should be preloaded.

`src` (character; optional): The URL of the embeddable content.

`width` (character | numeric; optional): For the elements listed here, this establishes the element's width. Note: For all other instances, such as <div>, this is a legacy attribute, in which case the CSS width property should be used instead.

`accessKey` (character; optional): Keyboard shortcut to activate or add focus to the element.

`className` (character; optional): Often used with CSS to style elements with common properties.

`contentEditable` (character; optional): Indicates whether the element's content is editable.

`dir` (character; optional): Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left).

`draggable` (character; optional): Defines whether the element can be dragged.

`hidden` (a value equal to: 'hidden' or 'HIDDEN' | logical; optional): Prevents rendering of given element, while keeping child elements, e.g. script elements, active.

`lang` (character; optional): Defines the language used in the element.

`role` (character; optional): Defines an explicit role for an element for use by assistive technologies.

`spellCheck` (character; optional): Indicates whether spell checking is allowed for the element.

`style` (named list; optional): Defines CSS styles which will override styles previously set.

`tabIndex` (character | numeric; optional): Overrides the browser's default tab order and follows the one specified instead.

`title` (character; optional): Text to be displayed in a tooltip when hovering over the element.

`loading_state` (named list; optional): Object that holds the loading state object coming from dash-renderer.

`loading_state` is a named list with keys:

- `component_name` (character; optional): Holds the name of the component that is loading.

- `is_loading` (logical; optional): Determines if the component is loading or not.

- `prop_name` (character; optional): Holds which property is loading.