Elementos HTML para Video

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 HTML height, el cual especifica la altura del area mostrada, en pixeles CSS.

HTMLVideoElement.poster

Es un DOMString que refleja el atributo HTML poster, 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 es HAVE_NOTHING, su valor es 0.

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 es HAVE_NOTHING, su valor es 0.

HTMLVideoElement.width

Es un DOMString que refleja el atributo HTML width, el cual especifica la anchura del area mostrada, en pixeles CSS.

Propiedades especificas para Gecko

HTMLVideoElement.mozParsedFrames Read only

Devuelve 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

Compatibilidad con Navegador

[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