Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda 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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

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

Deslize para mostrar o menu

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

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2
some-alt