Video tag basics in HTML - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to add a video element that plays a file named "movie.mp4".

HTML

<video src="[1]" controls></video>

Drag options to blanks, or click blank then click option'

Amovie.mp4

Baudio.mp3

Cimage.jpg

Ddocument.pdf

Attempts:

3 left

💡 Hint

Common Mistakes

Using an audio or image file instead of a video file.

Forgetting to add the file extension.

The src attribute in the <video> tag specifies the video file to play. Here, it should be "movie.mp4".

2fill in blank

medium

Complete the code to add controls so the user can play and pause the video.

HTML

<video src="movie.mp4" [1]></video>

Drag options to blanks, or click blank then click option'

Aautoplay

Bcontrols

Cloop

Dmuted

Attempts:

3 left

💡 Hint

Common Mistakes

Using autoplay instead of controls.

Forgetting to add any attribute for controls.

The controls attribute adds play, pause, and other controls to the video player.

3fill in blank

hard

Fix the error in the video tag to make it valid HTML5.

HTML

<video [1]="movie.mp4" controls></video>

Drag options to blanks, or click blank then click option'

Ahref

Blink

Cfile

Dsrc

Attempts:

3 left

💡 Hint

Common Mistakes

Using href instead of src.

Using non-standard attributes like link or file.

The correct attribute to specify the video file is src. Using href or others is invalid for the <video> tag.

4fill in blank

hard

Fill both blanks to add a video that loops and starts muted.

HTML

<video src="movie.mp4" [1] [2]></video>

Drag options to blanks, or click blank then click option'

Aloop

Bcontrols

Cmuted

Dautoplay

Attempts:

3 left

💡 Hint

Common Mistakes

Using controls instead of muted.

Forgetting that these attributes don't require values.

The loop attribute makes the video play repeatedly. The muted attribute starts the video without sound.

5fill in blank

hard

Fill all three blanks to create a video tag that autoplays, is muted, and shows controls.

HTML

<video src="movie.mp4" [1] [2] [3]></video>

Drag options to blanks, or click blank then click option'

Aloop

Bmuted

Ccontrols

Dautoplay

Attempts:

3 left

💡 Hint

Common Mistakes

Not including muted with autoplay causing the video not to play automatically.

Forgetting to add controls so user can control playback.

The autoplay attribute starts the video automatically. muted silences it so autoplay works in browsers. controls shows the play/pause buttons.