mip-iframe 是用来支持在 mip 中嵌入第三方内容的一种方式,需要注意的是:所嵌入的内容强制是符合https协议的。
如您的网站还不支持https,可使用百度云加速或其他同类型服务,开通https.
百度云加速开通步骤:http://su.baidu.com/zhuanti/mip
示例
基本使用
<mip-iframe allowfullscreen srcdoc="<p>123</p>" src="http://m.baidu.com" sandbox="" allowfullscreen width="400" height="300" allowtransparency="true"> </mip-iframe>
加布局(fixed-height为例)
<mip-iframe layout="fixed-height" height="50" allowfullscreen srcdoc="<p>123</p>" src="http://m.baidu.com" sandbox="" allowfullscreen width="400" height="300" allowtransparency="true"> </mip-iframe>
属性
src
说明:与原生iframe的src
属性作用一致
必选项:是
类型:URL
单位:无
取值:必须要使用https地址
默认值:无
width
说明:与高度(height)的比值被mip-iframe用来计算区域的比例和大小
必选项:是
类型:数字
单位:无
默认值:无
height
说明:与宽度(width)的比值被mip-iframe用来计算区域的比例和大小
必选项:是
类型:数字
单位:无
默认值:无
allowfullscreen
说明:与原生iframe的allowfullscreen
属性作用一致
必选项:否
取值:空
默认值:无
srcdoc
说明:与原生iframe的srcdoc
属性作用一致
必选项:否
类型:HTML_code
单位:无
取值:要显示在 iframe 中的 HTML 内容。必需是有效的 HTML 语法。
默认值:无
sandbox
说明:与原生iframe的sandbox
属性作用一致
必选项:否
类型:字符串
单位:无
取值:"", allow-same-origin,allow-top-navigation,allow-forms,allow-script
默认值:无
allowtransparency
说明:与原生iframe的allowtransparency
属性作用一致
必选项:否
类型:字符串
单位:无
取值:"",true,false
默认值:无
- 还没有人评论,欢迎说说您的想法!