HTML Plug-ins

A plugin is a piece of software that acts as an add-on to a web browser and gives the browser additional functionality. Plugins can allow a web browser to display additional content it was not originally designed to display.

The <object> Element

The <object> element specifies an arbitrary object to be included in an HTML document.

This element was used to insert ActiveX controls, but according to the specification, an object can be any media object, document, applet, interactive control, image, video.

Embedded video Example:

<object data="video.mp4" width="300" height="150"></object>

Try this code ❯

Embedded image Example:

<object data="img-boy.jpg" width="300" height="150"></object>

Try this code ❯

The <embed> Element

The <embed> element specifies an object, typically a multimedia element, to be embedded in an HTML document.

Web pages, pictures, videos, other media files can be embed in a document

Example

<h1>embed video</h1>
<embed type="video/webm" src="video.mp4" width="300" height="150"><br><br>

<h1>embed image</h1>
<embed type="image/jpeg" src="img-boy.jpg" width="300" height="150">

Try this code ❯

Notes:

• To display a image, it is better to use the <img> tag.
• To display HTML documents, it is better to use the <iframe> tag.
• To display video file, it is better to use the <video> tags.
• To display audio file, it is better to use the <audio> tags.

Embedded HTML page:

The <embed> element can also be used to include HTML in HTML:

Example

<object data="demo.html" width="300" height="600"></object>

Try this code ❯

A complete list of all HTML tags, see HTML Tag Reference.