Skip to main content

HTML Video — exercises and bug fixes

5 hands-on exercises and 5 find-the-bug challenges for the HTML Video lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.

Sign in to start solvingCreate a free account

Exercises(5)

  1. 1

    Add a video player

    easy10 min

    Add a video element with controls.

  2. 2

    Add a poster image

    easy10 min

    Show a still before playback starts.

  3. 3

    Add captions

    easy10 min

    Add a track element for subtitles.

  4. 4

    Set the dimensions

    easy10 min

    Give the video an explicit width and height.

  5. 5

    Autoplay silently

    medium10 min

    Autoplay only works when the video is muted and inline.

Find the bug(5)

  1. 1

    Fix the video with no controls

    easy8 min

    Viewers cannot pause without controls.

  2. 2

    Fix the unmuted autoplay

    easy8 min

    Browsers block autoplay unless the video is muted.

  3. 3

    Fix the missing captions

    easy8 min

    The video has no track for subtitles.

  4. 4

    Fix the wrong poster attribute

    easy8 min

    The still image uses poster, not thumbnail.

  5. 5

    Fix the img used for a video

    easy8 min

    Moving pictures need a video element.

Ready to write the code?

The editor, the automatic checks and the worked solutions open up with an account.

Open the workspace