La propiedad Controles de video se usa para establecer o devolver si un video debe mostrar controles de video estándar o no . El atributo de control <video> se refleja en esta propiedad.
Los controles de video incluidos en la propiedad son:
- Tocar
- Pausa
- Volumen
- Modo de pantalla completa
- Buscando
- Subtítulos/Subtítulos
- Pista
Sintaxis:
- Devolviendo la propiedad de los controles:
videoObject.controls
- Configuración de la propiedad de los controles:
videoObject.controls = true|false
Valores de propiedad:
- verdadero|falso: se utiliza para especificar si un video debe mostrar controles o no.
Valores devueltos: el valor devuelto es booleano, devuelve verdadero si se muestran los controles de video; de lo contrario, devuelve falso.
El siguiente programa ilustra la propiedad de los controles de video:
Ejemplo: Habilitación de controles para un video.
html
<!DOCTYPE html>
<html>
<head>
<title>
Video controls Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Video controls Property</h2>
<br>
<video id="Test_Video"
width="360"
height="240">
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>To enable video controls, double
click the "Enable Controls" button.</p>
<button ondblclick="My_Video()"
type="button">
Enable Controls
</button>
<p id="test"></p>
<script>
function My_Video() {
document.getElementById(
"Test_Video").controls = true;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: El navegador compatible con HTML | Las propiedades de los controles de video DOM se enumeran a continuación:
- Google Chrome 3 y superior
- Borde 12 y superior
- Internet Explorer 9 y superior
- Firefox 3.5 y superior
- Ópera 10.5 y superior
- Apple Safari 3.1 y superior
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA