Add a video player — practice exercise

What you'll be asked to do

1. 1.Add a video playerexercise · easy · 10 min

   Add a video element with controls.

   Passes when: Add a video element with controls.

2. 2.Add a poster imageexercise · easy · 10 min · practice plan

   Show a still before playback starts.

   Passes when: Show a still before playback starts.

3. 3.Add captionsexercise · easy · 10 min · practice plan

   Add a track element for subtitles.

   Passes when: Add a track element for subtitles.

4. 4.Set the dimensionsexercise · easy · 10 min · practice plan

   Give the video an explicit width and height.

   Passes when: Give the video an explicit width and height.

5. 5.Autoplay silentlyexercise · medium · 10 min · practice plan

   Autoplay only works when the video is muted and inline.

   Passes when: Autoplay only works when the video is muted and inline.

6. 6.Fix the video with no controlsbug fix · easy · 8 min

   Viewers cannot pause without controls.

   Passes when: Viewers cannot pause without controls.

7. 7.Fix the unmuted autoplaybug fix · easy · 8 min · practice plan

   Browsers block autoplay unless the video is muted.

   Passes when: Browsers block autoplay unless the video is muted.

8. 8.Fix the missing captionsbug fix · easy · 8 min · practice plan

   The video has no track for subtitles.

   Passes when: The video has no track for subtitles.

9. 9.Fix the wrong poster attributebug fix · easy · 8 min · practice plan

   The still image uses poster, not thumbnail.

   Passes when: The still image uses poster, not thumbnail.

10. 10.Fix the img used for a videobug fix · easy · 8 min · practice plan

    Moving pictures need a video element.

    Passes when: Moving pictures need a video element.

Between them these tasks cover video element, poster, Captions and Muted autoplay.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.