Etiqueta de video en html | Explicado

Agregar videos en los sitios web puede ser una forma atractiva de expresar sus pensamientos y, por lo tanto, los videos pueden atraer a más espectadores. Uso de videos se pueden ofrecer algunos conceptos complicados de una manera muy fácil y efectiva. Entonces, HTML proporciona una etiqueta para incrustar un video en los sitios web, una etiqueta puede tener múltiples atributos para controlar el comportamiento de cualquier video.

Este artículo presentará una comprensión detallada de los siguientes conceptos:

• Sintaxis de la etiqueta
• Atributos de la etiqueta
• Soporte y formatos de video del navegador
• Cómo usar la etiqueta en html

Sintaxis

El fragmento dado a continuación muestra la sintaxis básica de la etiqueta.

Atributos

• control S: Se utiliza para mostrar las opciones de control al usuario E.gramo. jugar, pausa, silenciar, etc.
• SRC: Determina la URL
• bucle: El video se reproducirá en un bucle I.mi. una y otra vez.
• apagado: Inicialmente, el video se silenciará
• precarga: Especifique la opinión del autor sobre cómo se cargará el video cuando se carga la página web
• auto-reproducción: El video se reproducirá automáticamente
• altura: Se utiliza para especificar la altura del video
• ancho: Se utiliza para especificar el ancho del video
• póster: Se usa para mostrar una imagen durante la descarga de video.

Soporte y formatos de video del navegador

La etiqueta tiene tres formatos yo.mi. MP4, WebM, OGG y estos formatos se especificarán dentro del elemento fuente del atributo "Tipo". Chrome, Microsoft Edge, Opera y Mozilla Firefox admiten los tres formatos de video, mientras que Safari e Internet Explorer admiten solo el formato MP4.

Se pueden utilizar múltiples formatos en la etiqueta, por lo que es una buena práctica especificar dos formatos (OGG y MP4) en la etiqueta de video para que el video se reproduzca en la mayoría de los navegadores. El navegador usará el primer formato de video reconocido. Si el navegador no reconoce ninguno de los formatos de archivo especificados, se mostrará el texto escrito dentro de la etiqueta de inicio y finalización.

Cómo usar la etiqueta en html

En la etiqueta HTML, se pueden usar múltiples atributos para controlar el comportamiento de la etiqueta como "control S" habilitar la visibilidad de los controles i.mi. jugar, pausa, etc. La siguiente pieza de código elabora cómo usar la etiqueta en HTML:

El fragmento dado anteriormente muestra la siguiente salida:

Los controles son visibles, el video es silenciado, verifica que todos los atributos funcionen perfectamente.

Ejemplo

Ahora modificaremos el código anterior para probar el funcionamiento del atributo del póster:

Ahora se mostrará una imagen en el video hasta que no hicimos clic en el botón Reproducir:

Del mismo modo, puede probar el funcionamiento de los atributos restantes.

Conclusión

La etiqueta se puede usar para agregar un video en un sitio web, se pueden usar diferentes atributos dentro de la etiqueta de video para realizar diferentes funcionalidades e.gramo. El póster muestra una imagen hasta que alguien hace clic en el video, AutOplay permite que un video se repita automáticamente y así sucesivamente en. Este artículo demuestra qué es la etiqueta HTML y cómo usar la etiqueta. Además, proporciona una explicación detallada de los formatos de video y soporte de navegadores disponibles.