HTML5: How to define a container for an external (non-HTML) application?

Last update on February 08 2024 12:47:32 (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>Example of an embed element</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 using the embed element -->
</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 MIME type of the embedded content, in this case, a video 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-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	Yes

Go to Exercise page