<?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://1552afcb.notes-6if.pages.dev/tags/iframe/</link><description>Recent content in IFrame on Martijn's Notes</description><generator>Hugo</generator><language>nl</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://1552afcb.notes-6if.pages.dev/tags/iframe/index.xml" rel="self" type="application/rss+xml"/><item><title>IFrame-kortcode</title><link>https://1552afcb.notes-6if.pages.dev/docs/shortcodes/iframe/</link><pubDate>Sat, 19 Nov 2022 13:00:48 +0800</pubDate><guid>https://1552afcb.notes-6if.pages.dev/docs/shortcodes/iframe/</guid><description><![CDATA[<p>Een gedetailleerde beschrijving van iframe-shortcode.</p>
<!--meer-->

<h2 id="gebruik" data-numberify>Gebruik<a class="anchor ms-1" href="#gebruik"></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>of via benoemde parameters</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">Parameter</th>
					<th style="text-align: center">Standaard</th>
					<th>Beschrijving</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td style="text-align: center"><code>src</code></td>
					<td style="text-align: center">-</td>
					<td>De iframe-URL. Vereist.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>trigger</code></td>
					<td style="text-align: center"><code>auto</code></td>
					<td>Stel het in als <code>manual</code> als u het iframe handmatig wilt laden.</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>De tekst van de laadknop, i18n, wordt ondersteund.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>loadInfo</code></td>
					<td style="text-align: center">-</td>
					<td>De informatie die onder de laadknop wordt weergegeven. Prijsverlaging wordt ondersteund.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>fullscreen</code></td>
					<td style="text-align: center"><code>true</code></td>
					<td>Toon/Verberg de knop Volledig scherm.</td>
			</tr>
	</tbody>
</table>

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

<h3 id="openstreetmap" data-numberify>OpenStreetMap<a class="anchor ms-1" href="#openstreetmap"></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="spel" data-numberify>Spel<a class="anchor ms-1" href="#spel"></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>Houd er rekening mee</strong> dat het iframe het spel van andere sites zal laden.
        </p>]]></description></item></channel></rss>