请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

Html代替<iframe>标签的三种方案

 
一. 使用object标签替代
我们可以使用 HTML 中的 object标签在网页中嵌入外部资源。我们可以使用标签在我们的网页中显示另一个网页。 object 标签是 HTML 中 iframe 标签的替代品。我们可以使用标签来嵌入不同的多媒体组件,如图像、视频、音频等。 object 标签有一个属性 data,我们可以在其中定义要嵌入的网页的 URL。我们甚至可以使用 width 和 height 属性设置容器的宽度和高度。

示例代码:

<object data="https://theuselessweb.com/"
width="800"
height="800"
type="text/html">
</object>



二. 使用embed标签替代
embed 标签类似于 object 标签,用于相同的目的。我们可以使用 object 标签在我们的网页中嵌入各种外部资源。我们可以嵌入 PDF、图像、音频、视频和网页等媒体。标签定义了一个容器,我们可以在其中嵌入我们想要的内容。object 标签是一个自闭合标签。我们可以使用 src 属性来指定要嵌入的网页的 URL。该标签有一个 type 属性来指定要嵌入的内容类型。我们可以类似地定义高度和宽度,与 object 标签相同。注意: embed标签可用于flash文件或者在使用video标签不成功的情况下使用,不兼容移动端,只支持pc端

示例代码:

<embed type="video/webm" src="video.mp4" width="10" height="10">

三. 使用video标签替代
如果加载资源是视频的话可以使用video标签替代, video标签可以兼容移动端和PC端, 支持Ogg, MPEG4, WebM 三种格式的视频

示例代码:

<video width="10" height="10" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
</vide>



回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。