Practical Exercises and Quiz

assignment Proposed Exercises

movie

Caminandes Animated Film

Embed the same video with different sizes (1080p, 720p, 480p) and poster images

movie

Sintel Animated Film

Create a page with multiple video sources using different formats

headphones

Sample Audios

Embed audio files with different attributes (autoplay, loop, controls)

smart_display

Top Ten YouTube Videos

Create a gallery of embedded YouTube videos

map

Top Ten Locations

Embed Google Maps for different locations

link Resources

quiz Quiz

Which attribute is used to display an image while a video is loading?
A
preload
B
poster
C
thumbnail
D
image
Which element is used to embed external content like YouTube videos?
A
<embed>
B
<object>
C
<iframe>
D
<external>
lightbulb Key Takeaways
  • • Use multiple source formats for better browser support
  • • Provide fallback content for unsupported browsers
  • • Consider accessibility when embedding media
  • • Test your media across different browsers and devices