mip-iframe

2018-11-07 17:29 更新

mip-iframe 是用來(lái)支持在 mip 中嵌入第三方內(nèi)容的一種方式,需要注意的是:所嵌入的內(nèi)容強(qiáng)制是符合https協(xié)議的。

如您的網(wǎng)站還不支持https,可使用百度云加速服務(wù),開通https.
詳細(xì)了解請(qǐng)進(jìn)入:http://su.baidu.com/zhuanti/mip

標(biāo)題內(nèi)容
類型通用
支持布局responsive, fixed-height, fixed
所需腳本無(wú)

示例

基本使用

<mip-iframe
    allowfullscreen 
    srcdoc="<p>123</p>" 
    src="http://m.baidu.com" 
    sandbox="" 
    allowfullscreen 
    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 
    allowtransparency="true">
</mip-iframe>

屬性

src

說(shuō)明:與原生iframe的src屬性作用一致
必選項(xiàng):是
類型:URL
單位:無(wú)
取值:必須要使用https地址
默認(rèn)值:無(wú)

width

說(shuō)明:與高度(height)的比值被mip-iframe用來(lái)計(jì)算區(qū)域的比例和大小
必選項(xiàng):是
類型:數(shù)字
單位:無(wú)
默認(rèn)值:無(wú)

height

說(shuō)明:與寬度(width)的比值被mip-iframe用來(lái)計(jì)算區(qū)域的比例和大小
必選項(xiàng):是
類型:數(shù)字
單位:無(wú)
默認(rèn)值:無(wú)

allowfullscreen

說(shuō)明:與原生iframe的allowfullscreen屬性作用一致
必選項(xiàng):否
取值:空
默認(rèn)值:無(wú)

srcdoc

說(shuō)明:與原生iframe的srcdoc屬性作用一致
必選項(xiàng):否
類型:HTML_code
單位:無(wú)
取值:要顯示在 iframe 中的 HTML 內(nèi)容。必需是有效的 HTML 語(yǔ)法。
默認(rèn)值:無(wú)

sandbox

說(shuō)明:與原生iframe的sandbox屬性作用一致
必選項(xiàng):否
類型:字符串
單位:無(wú)
取值:"", allow-same-origin,allow-top-navigation,allow-forms,allow-script
默認(rèn)值:無(wú)

allowtransparency

說(shuō)明:與原生iframe的allowtransparency屬性作用一致
必選項(xiàng):否
類型:字符串
單位:無(wú)
取值:"",true,false
默認(rèn)值:無(wú)

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)