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 :
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的allowtransparency
Option obligatoire : Oui
Type : URL
Unité : Aucune
Valeur : l'adresse https doit être utilisée
Valeur par défaut : Aucune
width
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 🎜🎜
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 🎜🎜
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🎜