mip-iframe


mip-iframe は、mip へのサードパーティ コンテンツの埋め込みをサポートする方法です。埋め込まれたコンテンツは https プロトコルに準拠する必要があることに注意してください。

Web サイトが https をまだサポートしていない場合は、Baidu Cloud Acceleration または他の同様のサービスを使用して https をアクティブ化できます。
Baidu Cloud Acceleration をアクティブ化する手順: 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>

レイアウトを追加する(固定高は例です)

<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

説明: これは、ネイティブ iframesrc属性作用一致
必选项:是
类型: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必須オプション: はい
タイプ: URL
単位: なし
値: https アドレスを使用する必要があります
デフォルト値: なし

説明: 高さに対する比率(高さ) は mip-iframe を使用して領域の比率とサイズを計算します🎜必須オプション: はい🎜タイプ: Number🎜単位: None🎜デフォルト値: None🎜

height 🎜🎜説明: と幅 (幅) 比率は、領域の比率とサイズを計算するために mip-iframe によって使用されます 🎜 必須オプション: はい 🎜 タイプ: 数値 🎜 単位: なし 🎜 デフォルト値: なし 🎜

allowfullscreen 🎜🎜 説明: ネイティブ iframe の allowfullscreen 属性と同じ効果があります。必須オプション: いいえ。値: 空。デフォルト値: なし。

srcdoc。説明: ネイティブ iframe と同じです。iframe の srcdoc 属性も同じ効果があります。🎜必須オプション: No🎜Type: HTML_code🎜Unit: None🎜Value: iframe に表示される HTML コンテンツ。有効な HTML 構文である必要があります。 🎜デフォルト値: なし🎜

サンドボックス🎜🎜説明: ネイティブ iframe の sandbox 属性と同じ🎜必須オプション: いいえ🎜タイプ: 文字列🎜単位: なし🎜値: ""、allow-same-origin,allow-top-navigation,allow-forms,allow-script🎜デフォルト値: なし🎜

allowtransparency🎜🎜説明: ネイティブ iframe の allowtransparency 属性と一致します 🎜必須オプション: いいえ 🎜タイプ: 文字列 🎜単位: なし 🎜値: ""、true、false 🎜デフォルト値: なし 🎜🎜