Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Agregar Elemento de Video | Trabajando con Medios y Tablas
HTML Definitivo

bookAgregar Elemento de Video

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

index.html

index.html

copy

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

index.html

copy
Note
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.

question mark

¿Cuáles de los siguientes son atributos válidos que puedes usar con el elemento video de HTML?

Select all correct answers

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 6

Pregunte a AI

expand

Pregunte a AI

ChatGPT

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

bookAgregar Elemento de Video

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

index.html

copy

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

index.html

copy
Note
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.

question mark

¿Cuáles de los siguientes son atributos válidos que puedes usar con el elemento video de HTML?

Select all correct answers

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 6
some-alt