Ver el código de «Widget:YouTube»

<noinclude>
{{Documentación de Casiopea
|Subtítulo=Añade videos de YouTube que se ajustan automáticamente al ancho de la página.
|Tipo de Documento=Tutorial
|Audiencia=Editor general
|Nivel=Principiante
|Palabras Clave=Widgets, Multimedia, Video
|Prerequisitos=Ayuda:Cómo editar la Wiki
|Parte de=Ayuda:Guía para incrustar objetos
|Estado=Vigente
|Última revisión=2026-06-19
|Mantenedor=Fauve Bellenger
}}

<span style="color:#555555;">''¿Tienes dudas? Escríbenos a '''[mailto:wiki@ead.cl wiki@ead.cl]''' y te ayudamos.''</span>

----

== Paso 1 — Obtén el ID del video ==

El ID está en la URL del video, después del parámetro <code>v=</code>:

* URL simple: <code>https://www.youtube.com/watch?v='''aqz-KE-bpKQ'''</code> → ID: <code>aqz-KE-bpKQ</code>
* URL con canal: <code>https://www.youtube.com/watch?v='''aqz-KE-bpKQ'''&ab_channel=Blender</code> → ID: <code>aqz-KE-bpKQ</code> (solo la parte entre <code>v=</code> y <code>&</code>)

----

== Paso 2 — Inserta el widget ==

'''Código básico:'''
<pre><nowiki>{{#widget:YouTube|id=WmVMOr7TIrc}}</nowiki></pre>

Reemplaza el valor de <code>id=</code> por el ID de tu propio video. El video se ajusta solo al ancho disponible y mantiene la proporción 16:9.

'''Así se ve aplicado:'''

{{#widget:YouTube|id=ISGfzCWrtSY}}

----

== Parámetros disponibles ==

{| class="wikitable"
|-
! Parámetro !! Descripción !! Valor por defecto
|-
| <code>id</code> || ID del video extraído de la URL || Obligatorio (si no se usa <code>playlist</code>)
|-
| <code>playlist</code> || ID de una lista de reproducción de YouTube || —
|-
| <code>start</code> || Segundo exacto en que comienza el video || <code>0</code>
|}

El tamaño ya no se configura: el reproductor ocupa el 100 % del ancho de su contenedor.

----

== Ejemplos ==

'''Video con tiempo de inicio:'''
<pre><nowiki>{{#widget:YouTube|id=mvZ2mAHRIgE|start=10}}</nowiki></pre>

'''Así se ve aplicado''' (comienza en el segundo 10):

{{#widget:YouTube|id=mvZ2mAHRIgE|start=10}}

'''Lista de reproducción:'''
<pre><nowiki>{{#widget:YouTube|playlist=PLFgquLnL59alGJcdc0BEZJb2p7IgkBRZO}}</nowiki></pre>

</div>
</noinclude>
<includeonly><div class="video-container" style="position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin:1em 0"><iframe src="https://www.youtube.com/embed/<!--{if isset($playlist)}-->?listType=playlist&list=<!--{$playlist|escape:'urlpathinfo'}--><!--{else}--><!--{$id|escape:'urlpathinfo'}--><!--{if isset($start)}-->?start=<!--{$start|escape:'urlpathinfo'}--><!--{/if}--><!--{/if}-->" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0" allowfullscreen></iframe></div></includeonly>