Aprende Agregar Elemento de Video | Trabajando con Medios y Tablas

Puedes incrustar archivos de video en una página web utilizando el elemento <video>. Considera el siguiente ejemplo:

index.html

En este ejemplo:

El elemento <video> contiene un elemento <source>, que especifica la URL y el tipo de archivo del video. Los formatos comúnmente soportados son WebM, MP4 y OGG;
El atributo controls muestra los controles estándar de reproducción;
Si el navegador del usuario no admite el elemento de video, se mostrará un mensaje alternativo.

Los atributos más utilizados para el elemento de video en HTML incluyen:

autoplay: inicia la reproducción del archivo de video tan pronto como la página se carga;
loop: hace que el archivo de video se reproduzca en bucle de forma continua;
muted: silencia el audio de forma predeterminada;
volume: especifica el nivel de volumen predeterminado para el archivo de audio, con un rango de 0.0 (silencio) a 1.0 (volumen máximo);
poster: especifica la URL de una imagen que se muestra como miniatura del video antes de que se reproduzca;
width y height: especifica el ancho y la altura del reproductor de video en píxeles.

A continuación, se muestra un ejemplo que demuestra el uso de todos estos atributos:

index.html

Nota

Además, existen muchas bibliotecas y APIs de JavaScript disponibles que ofrecen funcionalidades adicionales para la reproducción y manipulación de contenido de video en la web.

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 4. Capítulo 6

Pregunte a AI

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you show me the example with all these attributes included?

What does the fallback message look like in practice?

Can you explain more about the `poster` attribute and how to use it?

Desliza para mostrar el menú

Puedes incrustar archivos de video en una página web utilizando el elemento <video>. Considera el siguiente ejemplo:

index.html

En este ejemplo:

El elemento <video> contiene un elemento <source>, que especifica la URL y el tipo de archivo del video. Los formatos comúnmente soportados son WebM, MP4 y OGG;
El atributo controls muestra los controles estándar de reproducción;
Si el navegador del usuario no admite el elemento de video, se mostrará un mensaje alternativo.

Los atributos más utilizados para el elemento de video en HTML incluyen:

autoplay: inicia la reproducción del archivo de video tan pronto como la página se carga;
loop: hace que el archivo de video se reproduzca en bucle de forma continua;
muted: silencia el audio de forma predeterminada;
volume: especifica el nivel de volumen predeterminado para el archivo de audio, con un rango de 0.0 (silencio) a 1.0 (volumen máximo);
poster: especifica la URL de una imagen que se muestra como miniatura del video antes de que se reproduzca;
width y height: especifica el ancho y la altura del reproductor de video en píxeles.

A continuación, se muestra un ejemplo que demuestra el uso de todos estos atributos:

index.html

Nota

Además, existen muchas bibliotecas y APIs de JavaScript disponibles que ofrecen funcionalidades adicionales para la reproducción y manipulación de contenido de video en la web.

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 4. Capítulo 6