Mastery Points
0
Active Mission
Mission: Add the 'controls' attribute to the video tag to enable the player UI.
Objective: add controls to the code
Current MissionIN PROGRESS
Riddle:Mission: Add the 'controls' attribute to the video tag to enable the player UI.
33%
Reward: 60 XP Verified
Audio & Video Integration in html-css
Context & Logic
Native media support without 3rd party plugins.
Technical Reference
video tagEmbeds video content with custom controls.
audio tagEmbeds sound files.
controls attrEnables play, pause, and volume UI.
posterShows a thumbnail image before the video plays.
sourceAllows multiple file formats for cross-browser fallback.
Interactive Workshop
Interactive Playground
Source HTMLMarkup
Source CSSStyle
Live Output Pane
Sync activeTailwind Core Loaded
Standard CSS Scope
Auto-Sync Preview
Modify the source above to see live changes. Supports standard CSS and Tailwind utility classes.
Test Your Knowledge
Assessment Mode1Which attribute is needed to show play/pause buttons?