Challenge: Using Video Elements
Task
Create an HTML document that embeds a video clip showcasing boats at a resort. Add an appropriate attribute for controls. Additionally, use the following URL to specify the video: https://content-media-cdn.codefinity.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/Boats+at+Resort+Video.mp4.
index.html
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
<title>Boats at Resort</title>
<meta charset="UTF-8" />
</head>
<body>
<h1>Boats at Resort</h1>
<!-- Step 1: Embed the video clip -->
<_____ _____ width="300">
<source
_____="_____"
type="video/mp4"
/>
Your browser does not support the video element.
</_____>
<p>
<strong>Boats at Resort</strong> offers a serene escape nestled along the
picturesque shores of a tranquil lake. Embrace the beauty of nature as you
indulge in a blissful getaway at this waterfront paradise. Whether you're
seeking <em>adventure on the water</em> or
<em>relaxation by the shore</em>, our resort provides the perfect setting
for unforgettable experiences. Hop aboard our fleet of boats and embark on
<strong>leisurely cruises</strong>,
<strong>thrilling water sports</strong>, or
<strong>peaceful fishing excursions</strong>.
</p>
</body>
</html>
Hint
Step 1: Use the <video> tag to embed the video clip. Add the controls attribute to enable standard video controls. Inside the <video> tag, use the src attribute to specify the URL of the MP4 video file.
index.html
99
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
<head>
<title>Boats at Resort</title>
<meta charset="UTF-8" />
</head>
<body>
<h1>Boats at Resort</h1>
<!-- Step 1: Embed the video clip -->
<video controls width="300">
<source
src="https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/392f24ac-0126-4c34-a28a-f2f26d12196b/section-3/Boats+at+Resort+Video.mp4"
type="video/mp4"
/>
Your browser does not support the video element.
</video>
<p>
<strong>Boats at Resort</strong> offers a serene escape nestled along the
picturesque shores of a tranquil lake. Embrace the beauty of nature as you
indulge in a blissful getaway at this waterfront paradise. Whether you're
seeking <em>adventure on the water</em> or
<em>relaxation by the shore</em>, our resort provides the perfect setting
for unforgettable experiences. Hop aboard our fleet of boats and embark on
<strong>leisurely cruises</strong>,
<strong>thrilling water sports</strong>, or
<strong>peaceful fishing excursions</strong>.
</p>
</body>
</html>
Var alt klart?
Tak for dine kommentarer!
Sektion 3. Kapitel 6
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
