Manual de referencia HTML

Glosario de etiquetas HTML

Audio HTML/Propiedad controls del DOM de video

La propiedad controls es responsable de controlar si se muestra la barra de control del atributo controlsHTML en html, que es responsable de controlar si se muestra la barra de control del medio de reproducción (video o audio).

　Audio HTML/Manual de referencia DOM de video

Ejemplo en línea

Activar controles de video:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Audio HTML/Uso de la propiedad controls del video-Tutoriales básicos(oldtoolbag.com)</<title>
</<head>
<body>
<button onclick="enableControls()" type="button">Activar controles</button>
<button onclick="disableControls()" type="button">Deshabilitar controles</button>
<button onclick="checkControls()" type="button">Revisar estado de los controles</button>
<br>　
<video id="video1">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Su navegador no admite　HTML5　video　　etiqueta.
</video>
<script>
myVid=document.getElementById("video",1");
function enableControls()
{　
　　myVid.controls=true;
　　myVid.load();
}　
function disableControls()
{　
　　myVid.controls=false;
　　myVid.load();
}　
function checkControls()
{　
　　alert(myVid.controls);
}　
</script>　
</body>
</html>

Ver la prueba ‹/›

Definición y uso

El atributo de control controls establece o devuelve si el navegador debe mostrar el audio estándar/Controles de video.

Audio estándar/Los controles de video incluyen:

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

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales soportan el atributo controls.

Nota:Internet Explorer 8 Las versiones anteriores a la 10 no soportan este atributo.

Sintaxis

Establece el atributo controls:

audio|video.controls=true|false

Devuelve el atributo controls:

audio|video.controls

Valor del atributo

Valor	Descripción
true	Indica mostrar el controlador.
false	Predeterminado. Indica no mostrar el controlador.

Detalles técnicos

Valor devuelto:	Valor booleano, true\|false
Valor predeterminado:	false

　Audio HTML/Manual de referencia DOM de video

HTML: <template> etiqueta