Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Challenge: Using Video Elements | Images and Media
HTML Essentials

book
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.

html

index.html

copy
<!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.

html

index.html

copy
<!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>

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 3. Capitolo 6
some-alt