HTML <iframe> align Attribute

Alternatives of iframe in HTML

Last Updated : 01 Aug, 2024

The iframe is used to embed another HTML document within your current webpage. The HTML <iframe> tag is used to create an inline frame or container. This container allows you to embed another document within your current HTML document. To specify the HTML content of the page to be displayed inside the <iframe>, you can use the "srcdoc" attribute.

The alternatives can be used in place of an iframe.

Table of Content

Using <embed> Element
Using <object> Element
Using <video> Element

Using <embed> Element

The <embed> tag in HTML is used for embedding external applications which are generally multimedia content like audio or video into an HTML document. It is used as a container for embedding plug-ins such as Flash animations.

Example: The <embed> tag is an alternative for the iframe tag in an HTML document.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        Alternative of iframe (HTML embed Tag)
    </title>
    
    <style>
        body {
            text-align: center;
        }

        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>

    <h3>Using <embed> Element</h3>
    
    <embed src=
"https://media.geeksforgeeks.org/wp-content/uploads/20240108102825/mern.mp4" 
        type="video/mp4" width="600" height="400">
</body>

</html>

Output:

Using <object> Element

The <object> element is used to display multimedia like audio, videos, images, PDFs, and Flash on web pages. It can also be used for displaying another webpage inside the HTML page.

Example: The <object> tag is an alternative for the iframe tag in an HTML document.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        Alternative of iframe (HTML object Tag)
    </title>
    
    <style>
        body {
            text-align: center;
        }

        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>

    <h3>Using <object> Element</h3>
    
    <object data=
"https://media.geeksforgeeks.org/wp-content/uploads/20240108102825/mern.mp4" 
        type="video/mp4" width="600" height="400">
        GeeksforGeeks
    </object>
</body>

</html>

Output:

Using <video> Element

The <video> element is used to embed video content on the web page. It allows the addition of video files in many formats such as MP4, WebM, etc. This element supports attributes like controls, autoplay, and loop to control video playback.

Example: The <video> element is an alternative for the iframe tag (It is used for append video) in an HTML document.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        Alternative of iframe (HTML video Tag)
    </title>
    
    <style>
        body {
            text-align: center;
        }

        h1 {
            color: green;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>
    <h3>Using <video> Element</h3>

    <video width="600" height="400" controls>
        <source src=
"https://media.geeksforgeeks.org/wp-content/uploads/20240108102825/mern.mp4" 
            type="video/mp4">
            GeeksforGeeks
    </video>
</body>

</html>

Output:

HTML <iframe> align Attribute

A

Animesh_Gupta

Improve

Article Tags :

Similar Reads

HTML <iframe> align Attribute

The HTML <iframe> align attribute is used to specify the alignment of the inline-frame according to the alternate element. Syntax<iframe align="left|right|middle|top|bottom">Attribute Valuesleft: It sets the alignment of an iframe to left.right: It sets the alignment of an iframe to righ

HTML | <iframe> src Attribute

The HTML <iframe> src attribute is used to specify the URL of the document that are embedded to the <iframe> element. Syntax: <iframe src="URL"> Attribute Values: It contains single value URL which specifies the URL of the document that is embedded to the iframe. There are two type

HTML | <iframe> srcdoc Attribute

The HTML <iframe> srcdoc Attribute is used to specify the HTML content of the document in the element. It can be used together with the sandbox and seamless attributes. Syntax: <iframe srcdoc="HTML_code">Attribute Values HTML_code: It is used to specify the HTML content of the page which

HTML | <iframe> sandbox Attribute

The HTML <iframe> tag's sandbox attribute restricts the behavior of the embedded content for added security. It allows or disallows specific capabilities such as form submission and scripting within the iframe.When the sandbox attribute exists, it will: treat the content as being from a singul

HTML | <iframe> name Attribute

The HTML iframe name Attribute is used to specify a reference for an <Iframe> Element. The name attribute is also used as a reference to the elements in a Javascript. Syntax: <iframe name="name">Attribute Values: name: It specify the name for the Iframe element.UsageThe name attribute as

HTML <iframe> longdesc Attribute

The HTML <iframe> element's longdesc attribute provides a URL that links to a detailed description of the iframe's content, mainly for accessibility purposes. However, this attribute is deprecated in HTML5, with ARIA attributes and other techniques recommended for describing content.Syntax<

How to embed SVG element in an iframe ?

In this article, we will learn how to embed an SVG into an iframe. It is an HTML element that represents nested browsing contexts, allowing one HTML page to be embedded inside of another. It has many attributes but here we discuss src and srcdoc attributes to solve this problem. The iframe src attri

HTML | <iframe> width Attribute

The HTML <iframe> width attribute is used to specify the width of the <iframe> in terms of pixels. Syntax: <iframe width="pixels">Attribute Values: It contains a single value pixel that specifies the iframes' width in terms of pixels. UsageThe <iframe> tag is used to embed an

HTML <iframe> scrolling Attribute

The HTML <iframe> scrolling Attribute is used to specify whether the scrollbar will be displayed or not in the <Iframe> Element. Basically, the scrollbar is used when the content is larger than the Iframe Element.Â Note: This attribute has been DEPRECATED and is no longer recommended.Synt

HTML <iframe> Tag

HTML <iframe> Tag facilitates embedding the content from another source such as a video, map, or external website within a webpage. It simply specifies an inline frame.Syntax<iframe src="https://www.geeksforgeeks.org/" title="GeeksforGeeks"></iframe>Note:Â It is important to include