Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Desafío: Incrustar Audio y Video en HTML | Trabajando con Medios y Tablas
HTML Definitivo
course content

Contenido del Curso

HTML Definitivo

HTML Definitivo

1. Comprensión del Desarrollo Web
2. Etiquetas y Atributos HTML
3. Estructura del Documento HTML
4. Trabajando con Medios y Tablas

book
Desafío: Incrustar Audio y Video en HTML

Objetivo

Crear una experiencia multimedia atractiva para los visitantes del sitio web incorporando contenido de audio y video.

Tarea

Llevar el sitio web al siguiente nivel sumergiendo a los usuarios en una experiencia multimedia cautivadora. Tu tarea es:

Para el audio: incrustar un archivo de audio que proporcione un ambiente relajante para que los usuarios se relajen. Utiliza el siguiente enlace para el audio:

Para el video: integrar un video que permita a los usuarios disfrutar de la belleza de las criaturas de la naturaleza. Utiliza el siguiente enlace para el video:

Agregar controles de reproducción como reproducir y pausar.
Agregar tipos de archivo.

html

index.html

css

index.css

copy
  1. Utilizar la etiqueta audio para especificar un elemento de audio.
  2. Utilizar la etiqueta video para especificar un elemento de video.
  3. Utilizar el atributo controls para permitir a los usuarios gestionar la reproducción de audio o video.
  4. Utilizar el atributo src para especificar la ubicación del archivo. Asegurarse de copiar correctamente los enlaces de la tarea.
  5. Utilizar type="audio/mp3" para especificar el tipo de archivo correcto para el audio.
  6. Utilizar type="video/mp4" para especificar el tipo de archivo correcto para el video.
html

index.html

css

index.css

copy
¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 6
Lamentamos que algo salió mal. ¿Qué pasó?
some-alt