<?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/es/tags/iframe/</link><description>Recent content in IFrame on Martijn's Notes</description><generator>Hugo</generator><language>es</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/es/tags/iframe/index.xml" rel="self" type="application/rss+xml"/><item><title>Código corto de IFrame</title><link>https://vandenboom.online/es/docs/shortcodes/iframe/</link><pubDate>Sat, 19 Nov 2022 13:00:48 +0800</pubDate><guid>https://vandenboom.online/es/docs/shortcodes/iframe/</guid><description><![CDATA[<p>Una descripción detallada del código corto de iframe.</p>
<!--más-->

<h2 id="uso" data-numberify>Uso<a class="anchor ms-1" href="#uso"></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>o mediante parámetros con nombre</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">Parámetro</th>
					<th style="text-align: center">Predeterminado</th>
					<th>Descripción</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td style="text-align: center"><code>src</code></td>
					<td style="text-align: center">-</td>
					<td>La URL del marco flotante. Requerido.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>trigger</code></td>
					<td style="text-align: center"><code>auto</code></td>
					<td>Configúrelo como <code>manual</code> si desea cargar el iframe manualmente.</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>Se admite el texto del botón de carga, i18n.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>loadInfo</code></td>
					<td style="text-align: center">-</td>
					<td>La información se muestra debajo del botón de carga. Se admite la reducción de precios.</td>
			</tr>
			<tr>
					<td style="text-align: center"><code>fullscreen</code></td>
					<td style="text-align: center"><code>true</code></td>
					<td>Mostrar/Ocultar el botón de pantalla completa.</td>
			</tr>
	</tbody>
</table>

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

<h3 id="abrir-mapa-de-calles" data-numberify>Abrir mapa de calles<a class="anchor ms-1" href="#abrir-mapa-de-calles"></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="Pantalla Completa">
            <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="juego" data-numberify>Juego<a class="anchor ms-1" href="#juego"></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>Corre juego</button>
        <p class="iframe-load-info text-secondary mt-3 px-2 text-center mb-0" style="z-index: 1;">
            <strong>Ten en cuenta</strong> que el iframe cargará el juego desde otros sitios.
        </p>]]></description></item></channel></rss>