mip-iframe


mip-iframe 是用來支援在 mip 中嵌入第三方內容的一種方式,需要注意的是:所嵌入的內容強制是符合https協議的。

如您的網站還不支援https,可使用百度雲加速或其他同類型服務,開通https.
百度雲加速開通步驟:http://su.baidu.com /zhuanti/mip

QQ截图20170204112355.png

範例

#基本上使用

<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
預設值:無