La propiedad Altura de video se usa para establecer o devolver el valor del atributo de altura de un video .
El atributo Altura de video devuelve la altura de un video, en píxeles.
Sintaxis:
- Devolviendo la propiedad de la altura:
videoObject.height
- Configuración de la propiedad de altura:
videoObject.height = pixels
Valores de propiedad:
- píxeles : Se utiliza para especificar la altura del video.
El siguiente programa ilustra la propiedad de altura del video:
Ejemplo: cambiar la altura de un video.
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Video height Property</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls>
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>
For changing the height of the video,
double click the "Change Height" button.
</p>
<button ondblclick="My_Video()"
type="button">
Change Height
</button>
<p id="test"></p>
<script>
function My_Video() {
document.getElementById(
"Test_Video").height = "400";
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- safari de manzana
- explorador de Internet
- Firefox
- Google Chrome
- Ópera
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