HTML5: How to specify the media type of the embedded content?

Last update on February 08 2024 12:48:00 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html><!-- Document type declaration for HTML5 -->
<html><!-- Start of HTML document -->
<head><!-- Start of head section -->
<meta charset="utf-8"><!-- Metadata for specifying character encoding -->
<title>How to specify the media type of the embedded content</title><!-- Title of the HTML document -->
</head><!-- End of head section -->
<body><!-- Start of body section -->
<embed type="video/mp4" src="https://www.w3resource.com/w3r_videos/pop.mp4"><!-- Embedding a video with the specified source URL and media type -->
</body><!-- End of body section -->
</html><!-- End of HTML document -->

Explanation:

The document starts with the doctype declaration specifying that it is an HTML5 document.
Inside the <html> tags, the HTML document structure begins.
The <head> section contains metadata about the document, including the character encoding specified using the meta tag and the title of the document.
The <body> section is where the visible content of the webpage resides.
The <embed> element is used to embed external content such as multimedia files (in this case, a video).
The type attribute specifies the media type of the embedded content, which is set to "video/mp4" indicating a video file in MP4 format.
The src attribute specifies the URL of the video file to be embedded.
The HTML document ends with the closing </html> tag.

Live Demo:

See the Pen embed-type-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page