Diferencia entre revisiones de «Plantilla:YouTube»

De FSF
Sin resumen de edición
Sin resumen de edición
Línea 1: Línea 1:
<noinclude>
<noinclude>
Plantilla YouTube – ED SIMPLE
== Descripción ==


Uso:
La plantilla '''YouTube''' permite insertar un video de YouTube dentro de una página de WikiFSF. Puede mostrar opcionalmente un título y una descripción, además de controlar la alineación y el ancho del video.
 
Esta plantilla utiliza la función <code>#ev</code>, proporcionada normalmente por la extensión '''EmbedVideo'''.
 
== Uso básico ==
 
<pre>
{{YouTube
{{YouTube
  |id=
  |id=
  |titulo=
  |titulo=
  |descripcion=
  |descripcion=
  |align=right / left / center
  |align=right
|ancho=400
}}
</pre>
 
== Parámetros ==
 
{| class="wikitable" style="width:100%;"
! Parámetro
! Requerido
! Valor predeterminado
! Descripción
|-
| <code>id</code>
| Sí
| —
| Identificador del video de YouTube. Debe colocarse solamente el código del video, no la URL completa.
|-
| <code>titulo</code>
| No
| Vacío
| Título que aparecerá en negritas encima del video.
|-
| <code>descripcion</code>
| No
| Vacío
| Texto breve que aparecerá debajo del video con un tamaño de letra reducido.
|-
| <code>align</code>
| No
| <code>right</code>
| Posición del video. Valores permitidos: <code>left</code>, <code>center</code> o <code>right</code>.
|-
| <code>ancho</code>
| No
| <code>400</code>
| Ancho del video expresado en píxeles. Debe escribirse solamente el número, sin agregar <code>px</code>.
|}
 
== Cómo obtener el identificador del video ==
 
En la siguiente dirección:
 
<pre>
https://youtu.be/COTcjAjR5rc
</pre>
 
el identificador es:
 
<pre>
COTcjAjR5rc
</pre>
 
Por lo tanto, debe utilizarse:
 
<pre>
{{YouTube |id=COTcjAjR5rc}}
</pre>
 
== Casos de uso prácticos ==
 
=== Video sencillo ===
 
Muestra el video alineado a la derecha, con un ancho de 400 píxeles:
 
<pre>
{{YouTube
|id=COTcjAjR5rc
}}
</pre>
 
=== Video centrado con título ===
 
<pre>
{{YouTube
|id=COTcjAjR5rc
|titulo=Clase 1 de Taiji
|align=center
|ancho=600
}}
</pre>
 
=== Video con título y descripción ===
 
<pre>
{{YouTube
|id=COTcjAjR5rc
|titulo=Clase 1 de Taiji
|descripcion=Clase impartida por el maestro Elbio Pera como apoyo al maestro Roque.
|align=center
|ancho=600
}}
</pre>
 
=== Video alineado a la izquierda ===
 
El texto colocado después de la plantilla podrá distribuirse alrededor del video:
 
<pre>
{{YouTube
|id=COTcjAjR5rc
|titulo=Ejercicio introductorio
|descripcion=Demostración práctica de los movimientos iniciales.
|align=left
  |ancho=400
  |ancho=400
}}
}}
Este texto aparecerá junto al video mientras exista espacio disponible.
</pre>
=== Video alineado a la derecha ===
<pre>
{{YouTube
|id=COTcjAjR5rc
|titulo=Práctica guiada
|align=right
|ancho=450
}}
</pre>
== Recomendaciones ==
* Utilizar solamente el identificador del video y no su URL completa.
* Escribir el ancho como un número: <code>400</code>, no <code>400px</code>.
* Usar títulos breves y descriptivos.
* Mantener la descripción corta para conservar una presentación compacta.
* Utilizar <code>align=center</code> cuando el video sea el contenido principal de una sección.
* Si se omite <code>align</code>, el video aparecerá alineado a la derecha.
* Cualquier valor de alineación no reconocido será tratado como <code>right</code>.
== Solución para textos o secciones desplazadas ==
Las alineaciones <code>left</code> y <code>right</code> utilizan elementos flotantes. Por ello, en algunos casos el contenido siguiente puede aparecer al lado del video.
Si se necesita comenzar una sección completamente debajo del video, puede colocarse después de la plantilla:
<pre>
<div style="clear:both;"></div>
</pre>
Ejemplo:
<pre>
{{YouTube
|id=COTcjAjR5rc
|align=right
|ancho=400
}}
<div style="clear:both;"></div>
== Siguiente sección ==
</pre>
== Áreas de oportunidad ==
El código actual funciona correctamente. Sin modificarlo, conviene considerar para una futura versión:
* Incorporar un ancho adaptable para pantallas pequeñas y teléfonos.
* Evitar que los videos anchos desborden el espacio disponible.
* Agregar una opción para impedir que el texto rodee al video.
* Mostrar un mensaje informativo cuando el parámetro <code>id</code> esté vacío.
* Permitir opcionalmente un enlace directo al video original.
Estas mejoras requerirían una nueva versión de la plantilla y no han sido aplicadas al código actual.
</noinclude>
</noinclude>



Revisión del 14:33 5 ago 2026

Descripción

La plantilla YouTube permite insertar un video de YouTube dentro de una página de WikiFSF. Puede mostrar opcionalmente un título y una descripción, además de controlar la alineación y el ancho del video.

Esta plantilla utiliza la función #ev, proporcionada normalmente por la extensión EmbedVideo.

Uso básico

{{YouTube
 |id=
 |titulo=
 |descripcion=
 |align=right
 |ancho=400
}}

Parámetros

Parámetro Requerido Valor predeterminado Descripción
id Identificador del video de YouTube. Debe colocarse solamente el código del video, no la URL completa.
titulo No Vacío Título que aparecerá en negritas encima del video.
descripcion No Vacío Texto breve que aparecerá debajo del video con un tamaño de letra reducido.
align No right Posición del video. Valores permitidos: left, center o right.
ancho No 400 Ancho del video expresado en píxeles. Debe escribirse solamente el número, sin agregar px.

Cómo obtener el identificador del video

En la siguiente dirección:

https://youtu.be/COTcjAjR5rc

el identificador es:

COTcjAjR5rc

Por lo tanto, debe utilizarse:

{{YouTube |id=COTcjAjR5rc}}

Casos de uso prácticos

Video sencillo

Muestra el video alineado a la derecha, con un ancho de 400 píxeles:

{{YouTube
 |id=COTcjAjR5rc
}}

Video centrado con título

{{YouTube
 |id=COTcjAjR5rc
 |titulo=Clase 1 de Taiji
 |align=center
 |ancho=600
}}

Video con título y descripción

{{YouTube
 |id=COTcjAjR5rc
 |titulo=Clase 1 de Taiji
 |descripcion=Clase impartida por el maestro Elbio Pera como apoyo al maestro Roque.
 |align=center
 |ancho=600
}}

Video alineado a la izquierda

El texto colocado después de la plantilla podrá distribuirse alrededor del video:

{{YouTube
 |id=COTcjAjR5rc
 |titulo=Ejercicio introductorio
 |descripcion=Demostración práctica de los movimientos iniciales.
 |align=left
 |ancho=400
}}

Este texto aparecerá junto al video mientras exista espacio disponible.

Video alineado a la derecha

{{YouTube
 |id=COTcjAjR5rc
 |titulo=Práctica guiada
 |align=right
 |ancho=450
}}

Recomendaciones

  • Utilizar solamente el identificador del video y no su URL completa.
  • Escribir el ancho como un número: 400, no 400px.
  • Usar títulos breves y descriptivos.
  • Mantener la descripción corta para conservar una presentación compacta.
  • Utilizar align=center cuando el video sea el contenido principal de una sección.
  • Si se omite align, el video aparecerá alineado a la derecha.
  • Cualquier valor de alineación no reconocido será tratado como right.

Solución para textos o secciones desplazadas

Las alineaciones left y right utilizan elementos flotantes. Por ello, en algunos casos el contenido siguiente puede aparecer al lado del video.

Si se necesita comenzar una sección completamente debajo del video, puede colocarse después de la plantilla:

<div style="clear:both;"></div>

Ejemplo:

{{YouTube
 |id=COTcjAjR5rc
 |align=right
 |ancho=400
}}

<div style="clear:both;"></div>

== Siguiente sección ==

Áreas de oportunidad

El código actual funciona correctamente. Sin modificarlo, conviene considerar para una futura versión:

  • Incorporar un ancho adaptable para pantallas pequeñas y teléfonos.
  • Evitar que los videos anchos desborden el espacio disponible.
  • Agregar una opción para impedir que el texto rodee al video.
  • Mostrar un mensaje informativo cuando el parámetro id esté vacío.
  • Permitir opcionalmente un enlace directo al video original.

Estas mejoras requerirían una nueva versión de la plantilla y no han sido aplicadas al código actual.



Provided ID could not be validated.