Diferencia entre revisiones de «Plantilla:YouTube»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
<noinclude> | <noinclude> | ||
== 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
|
Sí | — | 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, no400px. - Usar títulos breves y descriptivos.
- Mantener la descripción corta para conservar una presentación compacta.
- Utilizar
align=centercuando 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
idesté 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.