mip-iframe


mip-iframe est un moyen de prendre en charge l'intégration de contenu tiers dans mip. Il convient de noter que le contenu intégré doit être conforme au protocole https.

Si votre site Web ne prend pas encore en charge https, vous pouvez utiliser Baidu Cloud Acceleration ou d'autres services similaires pour activer https.
Étapes pour activer Baidu Cloud Acceleration : http://su.baidu.com/zhuanti/mip

QQ截图20170204112355.png

Exemple

Utilisation de base

<mip-iframe
    allowfullscreen 
    srcdoc="<p>123</p>" 
    src="http://m.baidu.com" 
    sandbox="" 
    allowfullscreen    width="400"    height="300" 
    allowtransparency="true">
</mip-iframe>

Ajouter une mise en page (la hauteur fixe est un exemple)

<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>

Attributs

src

Description : Il a le même effet que l'attribut src du iframe natifsrc属性作用一致
必选项:是
类型: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的allowtransparencyOption obligatoire : Oui
Type : URL
Unité : Aucune
Valeur : l'adresse https doit être utilisée
Valeur par défaut : Aucune

width

Description : Le rapport à la hauteur (hauteur) est mip- iframe est utilisé pour calculer la proportion et la taille de la zone🎜Option obligatoire : Oui🎜Type : Nombre🎜Unité : Aucune🎜Valeur par défaut : Aucune🎜

hauteur 🎜🎜Description : et width (width) Le rapport est utilisé par mip-iframe pour calculer la proportion et la taille de la zone 🎜 Option obligatoire : Oui 🎜 Type : Nombre 🎜 Unité : Aucune 🎜 Valeur par défaut : Aucune 🎜

allowfullscreen 🎜🎜 Description : Il a le même effet que l'attribut allowfullscreen de l'iframe natif. Option obligatoire : Non. Valeur : vide. Valeur par défaut : Aucune.

srcdoc. Description : Identique à l'iframe natif. L'attribut srcdoc de l'iframe a le même effet🎜Option requise : Non🎜Type : HTML_code🎜Unité : Aucun🎜Valeur : Contenu HTML à afficher dans l'iframe. Doit être une syntaxe HTML valide. 🎜Valeur par défaut : Aucune 🎜

sandbox🎜🎜Description : Identique à l'attribut sandbox de l'iframe natif 🎜Option obligatoire : Non 🎜Type : string 🎜 Unité : Aucun🎜Valeur : "",allow-same-origin,allow-top-navigation,allow-forms,allow-script🎜Valeur par défaut : Aucun🎜

allowtransparency🎜🎜Description : Conformément à l'attribut allowtransparency de l'iframe natif 🎜Option obligatoire : Non 🎜Type : Chaîne 🎜Unité : Aucune 🎜Valeur : "", vrai, faux 🎜Valeur par défaut : Aucune 🎜🎜