Definition
The <object> HTML element is used to embed various types of media or external content, such as images, videos, audio files, or interactive applications, within an HTML document. It provides a way to include multimedia or external resources that can be displayed or interacted with by the user.
Here’s an example of how to use the <object> element to embed an image:
<object data="image.jpg" type="image/jpeg">
<img src="fallback.jpg" alt="Fallback Image" />
</object>
In this example, the <object> element is used to embed an image. The data attribute specifies the URL or file path of the image file, and the type attribute specifies the media type of the embedded content, in this case, “image/jpeg”. The content within the <object> element is used as a fallback in case the browser cannot render the embedded content. In this case, an <img> element is used as the fallback and displays an alternative image if the embedded image cannot be loaded or displayed.
The <object> element can also be used to embed other types of content, such as videos or interactive applications. Here’s an example of embedding a video using the <object> element:
<object data="video.mp4" type="video/mp4">
<p>Your browser does not support the video tag.</p>
</object>
In this example, the <object> element is used to embed a video file in the MP4 format. The data attribute specifies the URL or file path of the video file, and the type attribute indicates the media type as “video/mp4”. If the browser does not support the video format or cannot render the embedded video, the content within the <object> element (in this case, a <p> element with a message) will be displayed.
It’s important to note that the use of the <object> element and the choice of media type depend on the specific requirements and compatibility of the content being embedded. It’s recommended to use appropriate media types and provide fallback content to ensure a consistent user experience across different browsers and devices.