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

iframe嵌套其它网站页面,解决视频不能全屏

 
今天在使用iframe时,发现嵌套页面中有个【全屏】功能,不好使,查了一下,发现iframe还有1个属性allowfullscreen设置,可以设置是否支持全屏,默认是false,现在把iframe的基础属性整理一下。

iframe基本属性
通常我们使用iframe主要设置 src,宽、高,是否滚动,其实有一些不常用的属性

<iframe src="https://www.baidu.com" frameborder="0" width="80%" height="500px"></iframe>

iframe常用属性:
1.frameborder:是否显示边框,1(yes),0(no)
2.height:框架作为一个普通元素的高度,建议在使用css设置。
3.width:框架作为一个普通元素的宽度,建议使用css设置。
4.name:框架的名称,window.frames[name]时专用的属性。
5.scrolling:框架的是否滚动。yes,no,auto。
6.src:内框架的地址,可以使页面地址,也可以是图片的地址。

其他装饰属性:
allowtransparency:true or false,是否允许iframe设置为透明,默认为false
allowfullscreen:true or false,是否允许iframe全屏,默认为false

<iframe id="ifrm"  width="80%" height="600px"
frameborder="0" src="target.html" marginwidth="0" marginheight="0" vspace="0"
hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true">
</iframe>

设置了allowfullscreen=“true”,iframe就可以支持全屏了  

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

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

本版积分规则

友情链接
  • 艾Q网

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