How to specify media type of data specified in data attribute in HTML5 ?

The following approach covers how to specify the URL of the resource to be used by the object in HTML5. This can be used in pages where content from an external source is required.

Approach: We will use the data attribute of the <object> element to specify the URL of the resource that to be used for the object. The specified URL can be relative or absolute.

Syntax:

<object data="URL">

The below example illustrates the data attribute to specify the URL of the resource to be used by the object.

Example:

HTML

<!DOCTYPE html> 

<html> 

<body> 

    <h1 style="color: green;"> 

        GeeksforGeeks 

    </h1> 

    <p>Object with an image resource:</p> 

    <object data= 

"https://media.geeksforgeeks.org/wp-content/uploads/20200327230544/g4gicon.png"> 

    </object> 

    <p>Object with a video resource:</p> 

    <object data= 

"https://media.geeksforgeeks.org/wp-content/uploads/20200107020629/sample_video.mp4"> 

    </object> 

</body> 

</html>

Output:

Article Tags :

HTML

Web Technologies

HTML-Attributes

Recommended Articles

1. How to specify the media type of the script in HTML5 ?

2. How to specify the type of the media resource in HTML5 ?

3. How to specify media type of the target URL in HTML5 ?

4. How to specify the URL of the media file in HTML5 ?

5. How to specify the type of button using HTML5 ?

6. How to specify the type of button using HTML5 ?

7. How to specify the type of files that server accepts in HTML5 ?

8. How to define the type of media resource in HTML5 ?

9. How to define media type of style tag in HTML5 ?

10. What does the type attribute specify in the HTML Input Tag?

11. How to create a link with a media attribute in HTML5 ?

12. How to specify the form-data should be encoded when submitting it to the server in HTML5?

13. How to specify what media/device the target URL is optimized for ?

14. How to specify a list of pre-defined options for input controls in HTML5?

15. How to specify the main content of a document in HTML5 ?

16. How to specify the response page after submitting the form using HTML5 ?

17. How to specify that a button should be disabled using HTML5?

18. How to specify that an option-group should be disabled in HTML5 ?

19. How to specify the optimal value for the gauge in HTML5?

20. How to specify the coordinates of an area in HTML5 ?

21. How to specify that a user can enter more than one value in an input element in HTML5?

22. How to specify the base URL for all relative URLs in a document using HTML5?

23. How to specify the legal number intervals for an input field in HTML5 ?

24. How to specify the language of the document in a given link in HTML5 ?

25. How to specify a label for an optgroup tag in HTML5 ?