How to define an embedded object in HTML5 ?

Last Updated : 21 Jun, 2020

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> 