View video tutorial

HTML Object

HTML

The <object> tag display external resources on the web page.

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>
Try it Now »

Click on the "See output" button to see how it works.