<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>IFrame on Martijn's Notes</title><link>https://vandenboom.online/fr/tags/iframe/</link><description>Recent content in IFrame on Martijn's Notes</description><generator>Hugo</generator><language>fr</language><copyright>Copyright © 2016-2026 van den &lt;span class='bold-rotate'&gt;B&lt;/span&gt;oom. All Rights Reserved.</copyright><lastBuildDate>Sat, 19 Nov 2022 13:00:48 +0800</lastBuildDate><atom:link href="https://vandenboom.online/fr/tags/iframe/index.xml" rel="self" type="application/rss+xml"/><item><title>Code court IFrame</title><link>https://vandenboom.online/fr/docs/shortcodes/iframe/</link><pubDate>Sat, 19 Nov 2022 13:00:48 +0800</pubDate><guid>https://vandenboom.online/fr/docs/shortcodes/iframe/</guid><description><![CDATA[<p>Une description détaillée du shortcode iframe.</p>
<!--plus-->

<h2 id="utilisation" data-numberify>Utilisation<a class="anchor ms-1" href="#utilisation"></a></h2>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="ln">1</span><span class="cl">{{&lt; iframe &#34;URL&#34; &gt;}}
</span></span></code></pre></div><p>ou via des paramètres nommés</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="ln">1</span><span class="cl">{{&lt; iframe 
</span></span><span class="line"><span class="ln">2</span><span class="cl">    src=&#34;URL&#34;
</span></span><span class="line"><span class="ln">3</span><span class="cl">    trigger=manual
</span></span><span class="line"><span class="ln">4</span><span class="cl">    loadButtonText=&#34;load_video&#34;
</span></span><span class="line"><span class="ln">5</span><span class="cl">&gt;}}
</span></span></code></pre></div><table>
	<thead>
			<tr>
					<th style="text-align: center">Paramètre</th>
					<th style="text-align: center">Par défaut</th>
					<th>Descriptif</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td style="text-align: center"><code>src</code></td>
					<td style="text-align: center">-</td>
					<td>L&rsquo;URL de l&rsquo;iframe. Requis.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>trigger</code></td>
					<td style="text-align: center"><code>auto</code></td>
					<td>Définissez-le comme <code>manual</code> si vous souhaitez charger l&rsquo;iframe manuellement.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>lazyLoading</code></td>
					<td style="text-align: center"><code>true</code></td>
					<td></td>
			</tr>
			<tr>
					<td style="text-align: center"><code>loadButtonText</code></td>
					<td style="text-align: center"><code>load</code></td>
					<td>Le texte du bouton de chargement, i18n, est pris en charge.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>loadInfo</code></td>
					<td style="text-align: center">-</td>
					<td>Les informations affichées sous le bouton de chargement. La démarque est prise en charge.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>fullscreen</code></td>
					<td style="text-align: center"><code>true</code></td>
					<td>Afficher/Masquer le bouton plein écran.</td>
			</tr>
	</tbody>
</table>

<h2 id="exemples" data-numberify>Exemples<a class="anchor ms-1" href="#exemples"></a></h2>

<h3 id="ouvrirstreetmap" data-numberify>OuvrirStreetMap<a class="anchor ms-1" href="#ouvrirstreetmap"></a></h3>

<div class="iframe-wrapper ratio ratio-16x9 my-2">
    <div class="iframe-panel d-flex flex-column align-items-center justify-content-center">
        <div class="iframe-panel-bottom position-absolute bottom-0 end-0 bg-dark opacity-75" style="z-index: 1;">
            <a role="button" class="iframe-fullscreen px-2 py-1 text-white"
                title="">
            <i class="fas fa-expand"></i>
        </a>
        </div>
    </div>
    <iframe class="iframe bg-dark"
        allowfullscreen
        scrolling="no"
        loading="lazy"
        src="https://www.openstreetmap.org/export/embed.html?bbox=111.34643554687501%2C22.09072990148906%2C114.97192382812501%2C24.397133017391052&amp;amp;layer=mapnik">
    </iframe>
</div>


<h3 id="jeu" data-numberify>Jeu<a class="anchor ms-1" href="#jeu"></a></h3>

<div class="iframe-wrapper ratio ratio-16x9 my-2">
    <div class="iframe-panel d-flex flex-column align-items-center justify-content-center">
            <button class="btn btn-primary iframe-load" style="z-index: 1;">
                <i class="fas fa-play-circle me-1"></i>Button_run_game</button>
        <p class="iframe-load-info text-secondary mt-3 px-2 text-center mb-0" style="z-index: 1;">
            <strong>Veuillez noter</strong> que l&rsquo;iframe chargera le jeu depuis d&rsquo;autres sites.
        </p>]]></description></item></channel></rss>