El interfaz de HTMLVideoElement
provee propiedades especiales y metodos para manipular objectos de videos. Tambien, este interfaz hereda propiedades y métodos de HTMLMediaElement
y HTMLElement
.
La lista de supported media formats (formatos de medios compatibles) varía de un navegador a otro. Debe proveer su video en un formato sencillo que sea compatible con todos los navegadores o proveer varias fuentes de videos in varios formatos, para que así todo navegador que necesite este cubierto.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 23.333333333333332%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 140" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/es/docs/Web/API/ElementosHTMLparaVideo" target="_top"><rect x="1" y="1" width="220" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="111" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">ElementosHTMLparaVideo</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Propiedades
Hereda las propiedades de los interfaces anteriores, HTMLMediaElement
, y HTMLElement
.
HTMLVideoElement.height
- Es un
DOMString
que refleja el atributo HTMLheight
, el cual especifica la altura del area mostrada, en pixeles CSS. HTMLVideoElement.poster
- Es un
DOMString
que refleja el atributo HTMLposter
, el cual especifica que imagen sera mostrada en la ausencia de data de video. HTMLVideoElement.videoHeight
Read only- Devuelve un
unsigned long
que contiene la altura intrinsica del recurso en pixeles CSS, tomando en consideracion las dimensiones, aspecto proporcional, apertura limpia, resolucion, etc., ya definidas por el formato usado por el recurso. Si el estado disponible del elemento esHAVE_NOTHING
, su valor es0
. HTMLVideoElement.videoWidth
Read only- Devuelve un
unsigned long
que contiene la anchura intrinsica del recurso en pixeles CSS, tomando en consideracion las dimensiones, aspecto proporcional, apertura limpia, resolucion, etc., ya definidas por el formato usado por el recurso. Si el estado disponible del elemento esHAVE_NOTHING
, su valor es0
. HTMLVideoElement.width
- Es un
DOMString
que refleja el atributo HTMLwidth
, el cual especifica la anchura del area mostrada, en pixeles CSS.
Propiedades especificas para Gecko
HTMLVideoElement.mozParsedFrames
Read onlyDevuelve un unsigned long
con el conteo de marcos de video que han sido analizados del recurso de multimedia.HTMLVideoElement.mozDecodedFrames
Read only- Devuelve un
unsigned long
con el conteo de marcos de video que han sido decifrados como imágines. HTMLVideoElement.mozPresentedFrames
Read only- Devuelve un
unsigned long
con el conteo de marcos decodificados que han sido presentados a la canalización de render para pintar. HTMLVideoElement.mozPaintedFrames
Read only- Devuelve un
unsigned long
con el conteo de marcos presentados que han sido pintados en la pantalla. HTMLVideoElement.mozFrameDelay
Read only- Devuelve un
double
con el tiempo, en segundos, que el último marco de video fue pintado por retrazo. HTMLVideoElement.mozHasAudio
Read only- Devuelve un
Boolean
indicando si existe algún audio asociado con el video.
Métodos
Hereda los métodos anteriores de HTMLMediaElement
y HTMLElement
.
HTMLVideoElement.getVideoPlaybackQuality()
- Devuelve un
VideoPlaybackQuality
para objetos que contienen las medidas de reproducciones actuales.
Especificaciones
Especificacion | Estado | Comentario |
---|---|---|
Media Source Extensions La definición de 'Extensions to HTMLVideoElement' en esta especificación. |
Recommendation | Anadio el metodo getVideoPlaybackQuality() . |
HTML Living Standard La definición de 'HTMLAreaElement' en esta especificación. |
Living Standard | Sin cambios del HTML5. |
HTML5 La definición de 'HTMLAreaElement' en esta especificación. |
Recommendation | Definicion incial. |
Compatibilidad con Navegador
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Caracteristicas | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Apoyo basico | (Yes) | (Yes) | 4.0 (2.0) | 9.0 | 10.50 | (Yes) |
mozParsedFrames mozDecodedFrames mozPresentedFrames mozPaintedFrames mozFrameDelay |
Sin soporte | Sin soporte | 5.0 (5.0) | Sin soporte | Sin soporte | Sin soporte |
mozHasAudio |
Sin soporte | Sin soporte | 15.0 (15.0) | Sin soporte | Sin soporte | Sin soporte |
getVideoPlaybackQuality() |
? | (Yes) | 25.0 (25.0)[1] | ? | ? | ? |
Características | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Apoyo básico | (Yes) | (Yes) | 4.0 (2.0) | 9.0 | (Yes) | (Yes) |
mozParsedFrames mozDecodedFrames mozPresentedFrames mozPaintedFrames mozFrameDelay |
Sin soporte | Sin soporte | 5.0 (5.0) | Sin soporte | Sin soporte | Sin soporte |
mozHasAudio |
Sin soporte | Sin soporte | 15.0 (15.0) | Sin soporte | Sin soporte | Sin soporte |
getVideoPlaybackQuality() |
? | (Yes) | 25.0 (25.0)[1] | ? | ? | ? |
[1] Gecko implementa esto detras de la preferencia media.mediasource.enabled
, predispuesto a false
.
Lea Tambien
- Elemento HTML implementando este interfaz:
<video>
. - Demonstracion de estadisticas de pintura de video
- Formatos de medios compatibles