Video controlsPropiedad

Video 对象参考手册Video Objeto

Ejemplo

Habilitar los controles de video:

document.getElementById("myVideo").controls=true;

Pruébalo »

Definición y uso

La propiedad controls establece o devuelve si el navegador debe mostrar los controles de video estándar.

Esta propiedad refleja el atributo controls de <video>.

Cuando se usa esta propiedad, especifica si se muestran los controles de video.

Los controles de video incluyen:

  • Reproducir
  • Pausar
  • Barra de progreso
  • Volumen
  • Alternar pantalla completa (para video)
  • Subtítulos (cuando estén disponibles)
  • Pistas (cuando estén disponibles)

Nota:El elemento <video> es nuevo en HTML5.


Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales admiten el atributo controls.

Nota:Internet Explorer 8 y versiones anteriores de IE no admiten el elemento <video>.


Sintaxis

Devuelve la propiedad controls:

videoObject.controls

Establece la propiedad controls:

videoObject.controls=true|false

Valor de propiedad

Valor Descripción
true|false Describe si se muestran los controles de video:
  • true - Especifica que se muestren los controles
  • false - Predeterminado. Especifica que no se muestren los controles

Detalles técnicos

Valor de retorno: Valor booleano, devuelve true si se muestran los controles de video, de lo contrario devuelve false.
Valor predeterminado: false 


Más ejemplos

Ejemplo

Comprobar si los controles de video están visibles:

var x = document.getElementById("myVideo").controls;
xEl resultado es:
true

Pruébalo »

Ejemplo

Habilitar, deshabilitar y detectar el estado de los controles:

var x = document.getElementById("myVideo"); function enableControls(){ x.controls = true; x.load(); } function disableControls(){ x.controls = false; x.load(); } function checkControls(){ alert(x.controls); }

Pruébalo »

Páginas relacionadas

Manual de referencia HTML:HTML <video> controls Atributo


Video 对象参考手册Video Objeto Otras extensiones