HTMLMediaElement

Inherits from HTMLElement HTMLElement

Properties

controls: Controls attribute used within a Audio element or Video element displays the default media controls defined by the web browser being used to open HTML document or view of a Web Application.

currentSrc
:

currentTime
:

defaultPlaybackRate
:

duration
:

ended
:

error
:

loop
:

muted
:

networkState
:

paused
:

playbackRate
:

played
:

preload
:

seekable
:

seeking
:

src
:

textTracks
:

volume
:

Methods

canPlayType
:

load
:

pause
:

play: Loads and starts playback of a media resource.

Events

canplay: Fires whenever enough data is available to determine whether a media is playable.
canplaythrough: Fires when enough data is available to determine whether a media is playable at a normal rate without interruptions.
progress: Fires to indicate progress while downloading media data.

Inherited from HTMLElement

Properties

aria-activedescendant
:

aria-busy
:

aria-checked
:

aria-controls
:

aria-describedby: Sets or retrieves a list of elements that describe the current object.

aria-multiselectable
:

dir
:

draggable: Gets or sets whether an element can be dragged and dropped.

elements
:

embeds
:

form
:

index
:

isOpen
:

length
:

maxConnectionsPerServer
:

name
:

options
:

palette
:

rows
:

self
:

tagName
:

tagUrn
:

uniqueID
:

uniqueNumber
:

value
:

viewLink
:

vrml
:

ATOMICSELECTION html attribute: Specifies whether the element and its contents must be selected as a whole, indivisible unit.
BaseHref: Retrieves a string of the URL where the object tag can be found, often the href of the document that the object is in, or the value set by a base element.

aLink
:

abbr: Indicates an abbreviation or an acronym.
accept: This attribute supplies browsers with a hint about what filetypes its element will accept.

acceptCharset
:

accessKey: Sets a keyboard keystroke for selection of its element, which would otherwise be done using a mouse.

align
:

align (Table caption, legend element): Sets or retrieves a value that indicates the table alignment.
align (Table, iframe elements): Specifies the horizontal alignment of the content in an element. Not supported in HTML5. Use CSS instead.
alinkColor: Sets or gets the color of all active links in the document.
allowTransparency: Sets or retrieves whether the object can be transparent.
alt: The alt attribute is used as a textual representation for graphics and buttons in browsers that don’t or can’t render images, or when the resource is not found.

alt
:

autocomplete: The autocomplete attribute specifies whether a browser should automatically provide values for a form element.
autocomplete (input, form elements): Specifies whether a form should have autocomplete on or off. When autocomplete is on, the browser automatically complete values based on values that the user has entered before.
autofocus: Provides a way to direct a user to a specific field when a document loads.

axis
:

background (Body element): Specifies a background image for a document. This attribute is deprecated in HTML4 and not supported in HTML5. Use CSS.
background (Table, table cell, td, th elements): Specifies up to five separate background properties of an object.

balance
:

bgColor: Specifies the background color of a document. This is deprecated in HTML4 and not supported in HTML5. Please use the CSS Background Color rule instead.

bgProperties
:

border: Specifies the width of the border around an element. Deprecated in HTML4, not supported in HTML5. Use CSS.
border (frameSet, iframe): Sets or retrieves the space between the frames, including the 3-D border.
borderColor: Specifies the border color of the object.

borderColorDark
:

borderColorLight: Sets the colors of the upper and left corners of the cell. Used with borderColorDark to set the lighter colors in an element’s shaded border. Deprecated in HTML4, unsupported in HTML5. Use CSS.

bottomMargin
:

HTML Media Capture: The capture attribute facilitates user access to a device’s media capture mechanism, such as a camera, or microphone, from within a file upload control, for capturing media on the spot.
cellPadding: Specifies the space, in pixels, between the cell wall and the cell content. Not supported in HTML5. Use CSS.
cells: Retrieves a collection of all cells in the table row or in the entire table.
ch: Sets an alignment character. The first occurrence of the alignment character in each cell in a column will be on a vertical axis.
chOff: Removes an alignment character set by the attribute ch.
checked: Indicates the initial state of a checkbox or radio button.

cite
:

class: Specifies one or more classes for an element, usually used to point to a class in a style sheet.
classid: Sets or retrieves the class identifier for the object.

clear
:

codeBase: Sets or retrieves the URL of the component.

codeType
:

colSpan
:

color: The foreground color of the text of an object.

cols
:

cols (TextArea element)
:

cols (frameSet): Sets or retrieves the number of columns in the table.

compact
:

content
:

contentEditable: Sets or retrieves the string that indicates whether the user can edit the content of the object.

coords
:

html/elements/data
:

dataFld: Sets or retrieves a field of a given data source, as specified by the dataSrc property, to bind to the specified object.

dataFormatAs
:

dataPageSize
:

dataSrc: Sets or retrieves the source of the data for data binding.

datetime
:

declare
:

defer: Sets or retrieves the status of the script.
dir: Global attribute. Specifies the element’s text directionality.
disabled: Prevents users from changing, clicking on, or submitting an element.

for
:

htmlFor
:

draggable
:

encoding: Sets or retrieves the MIME encoding for the form.

enctype
:

event
:

face: Sets or retrieves the current typeface family.
formAction: The formaction attribute specifies the URL of a file that will process the input control when the form is submitted.
formEnctype: The formenctype attribute specifies how the form-data should be encoded when submitting it to the server.
formMethod: The formmethod attribute defines the HTTP method for sending form-data to the action URL.
formNoValidate: When present, it specifies that the <input> element should not be validated when submitted.
formtarget: Specifies a name or a keyword that indicates where to display the response that is received after submitting the form.

frame
:

frameBorder: Sets or retrieves whether to display a border for the frame, frameset or iframe.

frameSpacing
:

headers
:

height: Specifies the height of the certain content elements in pixels.
hidden: The hidden attribute is a boolean attribute. When specified on an element, it indicates that the element is not yet, or is no longer, directly relevant to the page’s current state, or that it is being used to declare content to be reused by other parts of the page as opposed to being directly accessed by the user.

hideFocus
:

href: Sets or retrieves a destination URL or an anchor point

href (base)
:

hreflang
:

hspace: Sets or retrieves the horizontal margin for the object.

httpEquiv
:

id: The id attribute is used for identifying elements in a document.
is: Describes the base element from which the element with this attribute is extended.
isMap: Indicates that an image is part of a server-side image-map.

label
:

label (optGroup)
:

lang: Sets or retrieves the language to use.

leftMargin
:

link: Enables the current document to establish links to external documents.
list: The list attribute refers to a <datalist> element specifying possible values to suggest for an input element.
longdesc: Links an image to a description of its content, for enhanced accessibility
loop: Sets or retrieves the number of times a sound or video clip will loop when activated.

marginHeight
:

marginWidth: Sets or retrieves the left and right margin widths before displaying the text in a frame.
max (HTMLInputElement): The max attribute specifies the maximum value for an <input> element.

max(HTMLProgressElement)
:

maxLength: The maxLength attribute sets an upper limit on the number of characters that can be entered in an input element.

method
:

methods
:

min: The min attribute specifies the minimum value for an <input> element.
multiple: The multiple attribute indicates that the user is allowed to enter more than one value in an <input> element.

name
:

name (frames)
:

name (meta object)
:

name (window)
:

name param element))
:

noHref
:

noResize
:

noShade
:

noValidate: When present, it specifies that the form-data (input) should not be validated when submitted.

noWrap
:

pattern: The pattern attribute specifies a regular expression that the <input> element’s value is checked against.
placeholder: The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format).

pluginspage
:

readonly
:

rel: Describes the relationship from the current document to the anchor specified by the href attribute.
required: The required attribute is a boolean attribute. When present, it specifies that an input field must be filled out before submitting the form.

rev
:

rightMargin
:

role
:

rowSpan
:

rules
:

sandbox
:

scheme
:

scope
:

scroll
:

scrolling
:

security html attribute
:

selected
:

shape
:

size: This article outlines the HTML attribute "size", which allows the user to specify a width in characters of an <input> element.

size (control)
:

size (hr)
:

span
:

src
:

src (iframe, embed, xml)
:

src (input, img)
:

src (script)
:

standby: A message for the browser to show while an object's implementation and data load.

start
:

start (ol)
:

step: Specify the increment for input with types number, time, or range
style: Sets an inline style for the element.

summary
:

tabIndex: Represents the tab order of an element.

tabStop
:

target: Target is a link attribute, which defines where to open the link.

title
:

topMargin
:

type: The type attribute is used to define what sort of type an input or ordered list element is.

type (button element)
:

type (param element)
:

type (script element)
:

type (select element)
:

type (textarea element)
:

type (ul,li,ol elements)
:

units
:

url
:

urn
:

useMap
:

vAlign
:

vAlign (table caption)
:

vLink
:

value (HTMLProgressElement)
:

value (button element)
:

value (input elements)
:

value (li element)
:

value (param element)
:

value (select, option element)
:

value (textarea element)
:

valueType
:

vcard name
:

[version](/html/attributes/version_(dom/version)
:

viewMasterTab
:

volume
:

vspace
:

width: Specifies the width, in pixels, of certain content elements.

width (img, input elements)
:

width (merge candidate)
:

wrap: Sets the wrap style (soft, hard, or off) for a text element.
alignment-baseline: Specifies how an element is aligned with respect to its parent; that is, specifies which baseline of the element is to be aligned with the corresponding baseline of the parent. Defaults to the baseline with the same name as the computed value of the alignment-baseline property.
baseline-shift: The ‘baseline-shift’ property allows repositioning of the dominant-baseline( a baseline-table and a baseline-table font-size which are those of the nearest block-level ancestor element and are applied to its root inline box.) relative to the dominant-baseline.

clip-rule
:

color-interpolation-filters
:

dominant-baseline
:

enable-background
:

fill: The attribute fill specifies the filling color or the behavior of an animation after it has finished.
fill-opacity: Please refer to /css/properties/fill-opacity
fill-rule: Please refer to /css/properties/fill-rule

flood-color
:

flood-opacity
:

glyph-orientation-horizontal
:

glyph-orientation-vertical
:

kerning
:

marker
:

mask
:

Methods

abort
:

blur
:

clearAttributes
:

click: Covers what the click action is and what happens when it is performed.

componentFromPoint
:

doScroll
:

focus
:

getBoundingClientRect: Returns a ClientRect object that encloses a group of text rectangles.
getClientRects: A collection of ClientRect objects, one for each CSS border box associated with the element. Each ClientRect object contains read-only left, top, right, and bottom properties describing the border box, relative to the top-left of the viewport. For tables with captions, the caption is included even though it is outside the border box of the table.

hide
:

item
:

matches: Returns true if an element matches a given selector. Otherwise, false.

remove
:

show
:

Events

No events.