Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Embedding Video | Integrating Media and Navigation
HTML Text and Media Foundations

bookEmbedding Video

index.html

index.html

copy

When you embed video in your HTML, always use the controls attribute on the video element. This ensures users can play, pause, adjust volume, and seek through the video at their own pace. Including a poster image provides a preview or thumbnail before the video starts, improving the user experience and making your page look more polished.

Note
Note

Avoid using autoplay for videos, as it can be disruptive for users. Always make sure the controls are visible so users can interact with the video. Test video playback on different devices and browsers to ensure compatibility and accessibility.

question mark

What is the purpose of the controls attribute on the <video> element?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 2

Pregunte a AI

expand

Pregunte a AI

ChatGPT

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

Suggested prompts:

Can you show me an example of how to embed a video with controls and a poster image?

What other attributes can I use with the video element?

Why is the controls attribute important for accessibility?

Awesome!

Completion rate improved to 6.25

bookEmbedding Video

Desliza para mostrar el menú

index.html

index.html

copy

When you embed video in your HTML, always use the controls attribute on the video element. This ensures users can play, pause, adjust volume, and seek through the video at their own pace. Including a poster image provides a preview or thumbnail before the video starts, improving the user experience and making your page look more polished.

Note
Note

Avoid using autoplay for videos, as it can be disruptive for users. Always make sure the controls are visible so users can interact with the video. Test video playback on different devices and browsers to ensure compatibility and accessibility.

question mark

What is the purpose of the controls attribute on the <video> element?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 3. Capítulo 2
some-alt