HTML <object>
HTML <object>
is a container for external resources.
The best use and the objective of <object>
element is to add browsers plug-ins.
HTML has all media control elements to deal with each media types. <iframe>
, <img>
, <video>
etc. So recommendation is to use these elements as a first priority.
Learning with HTML Editor "Try it Now"
You can edit the HTML code and view the result using online editor.
Example
<!DOCTYPE html>
<html>
<!-- Example: iframe element -->
<head>
<title>Page Title</title>
<style>
.d1{
border: 1px solid black;
border-radius: 5px;
padding: 5px;
margin-top: 10px;
width: 680px;
height: 480px;
}
.d2{
border: 1px solid rgb(19, 18, 18);
border-radius: 5px;
padding: 5px;
margin-top: 10px;
width: 680px;
height: 480px;
}
</style>
</head>
<body>
<h1>iframe example </h1>
<h1>Document in iframe</h1>
<div>
<iframe class="d2" src="index.jsp" title="Iframe Example"></iframe>
</div>
<h1>Media in iframe</h1>
<div>
<iframe class="d1" src="https://www.youtube.com/embed/RL4CyCvt6aw; allowfullscreen></iframe>
</div>
</body>
</html>
Click on the "See output" button to see how it works.