How to define an embedded object in HTML5 ?

In this article, you will learn how to define an embedded object by using the <object> element in the document. It is used to display multimedia objects like audios, videos, images, PDFs, and Flash in web pages. The element is also used for displaying any other webpage on an HTML page. This tag supports all the global and event attributes of HTML.

Syntax:

<object> ... </object>

Example:

<!DOCTYPE html> 

<html> 

<head> 

    <title> 

        How to define an embedded  

        object in HTML5? 

    </title> 

    <style> 

        body { 

            text-align: center; 

        } 

        h1 { 

            color: green; 

        } 

    </style> 

</head> 

<body> 

    <h1>GeeksforGeeks</h1> 

    <h2> 

        HTML5: How to define  

        a embedded object? 

    </h2> 

    <object data= 

"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20200430164710/captured_voice.mp3"> 

    </object> 

</body> 

</html>

Output:

Supported browsers are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

Article Tags :

HTML

Web Technologies

HTML5