En este artículo, aprenderemos a configurar el ancho y alto del reproductor de video en HTML5.
Los siguientes son los dos escenarios.
- El ancho y alto del video son fijos.
- Haz que el video responda al ancho de tu pantalla.
Enfoque: los atributos de ancho y alto de HTML5 de la etiqueta de video se utilizan para establecer el alto y el ancho del reproductor de video, respectivamente. La etiqueta de origen se usa para especificar recursos multimedia como video y audio. El atributo src de la etiqueta de origen especifica la ruta del recurso.
Sintaxis:
<video width=" " height=" "></video>
Ejemplo 1: El siguiente ejemplo demuestra la configuración de ancho y alto del video como se desee.
HTML
<!DOCTYPE html> <html> <head> <title>gfg</title> </head> <body> <!-- set width and height of the video --> <video width="800px" height="400px" controls> <source src="myvideo.mp4" type="video/mp4"> </video> </body> </html>
Producción:
Ejemplo 2: El siguiente ejemplo demuestra la configuración de ancho y alto del video para que su video responda al ancho de su pantalla.
HTML
<!DOCTYPE html>
<html>
<head>
<title>gfg</title>
<style>
video
{
position: relative;
}
</style>
</head>
<body>
<!-- set width and height of the video -->
<video width="100%" height="auto" controls>
<source src="myvideo.mp4" type="video/mp4">
</video>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por poojavichare1810 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA