Crea un artículo en Joomla 1.5 que incluya un vídeo de YouTube

Tags: CMS | gestor de contenidos | Joomla | vídeo | youtube

YouTube es un sitio Web que permite a los usuarios compartir sus vídeos digitales a través de Internet basándose en los principios de la Web 2.0. Utiliza un reproductor en línea basado en Adobe Flash para mostrar al visitante los vídeos alojados en el sitio. Los enlaces a vídeos de YouTube pueden ser incluidos en blogs y sitios web incrustando cierto código HTML que ofrece para cada vídeo alojado en el servicio y, por supuesto, también pueden ser incluidos en los artículos de los sitios realizados con Joomla.

En el caso de Joomla puedes utilizar YouTube como servicio de alojamiento de vídeos propios que luego puedes enlazar en tus artículos: la ventaja de este proceso es que no utilizas espacio en tu servidor, pues los vídeos se encuentran alojados en los servidores de Google, algo muy útil y práctico si no dispones de espacio suficiente en tu servicio de hosting, ya sea gratuito o no.

Además YouTube te ofrece un buscador que te permitirá localizar una gran variedad de vídeos educativos o de contenido didáctico que tal vez, te resulten lo suficientemente interesantes como para incluir en las páginas de tu sitio, por lo que conocer los procedimientos de búsqueda, subida de vídeos y posterior inserción en tus artículos de Joomla pueden resultar fundamentales.

Si deseas saber más sobre YouTube y las posibilidades didácticas de este servicio de alojamiento de vídeos consulta:

EducaTIC 2.0
http://www.lasticenelaula.es/escuela20/index.php?option=com_content&view=category&id=7&Itemid=38

El proceso a seguir será el siguiente:

• En primer lugar, localiza el vídeo que te interese o sube tus propios vídeos a tu perfil en YouTube.

• Crea el artículo correspondiente, posiciona el cursor en el lugar que quieres mostrar el vídeo e incrústalo en la página de tu sitio.

Paso 1. Crea el artículo

Supongamos que quieres crear un nuevo artículo en Joomla y que vas a incluir en él un vídeo que acabas de localizar en el servicio Web 2.0 de alojamiento de vídeos YouTube.

Te recomendamos utilices en tu navegador Web dos pestañas: en una de ellas se encontrará la administración de tu sitio Joomla, en la otra el servicio Web 2.0.

Inicia Firefox y accede a a administración de tu sitio. Introduce tus credenciales de acceso como administrador del sistema, tal y como has hecho hasta el momento.

Ya en el Panel de control haz clic sobre el icono Crear un nuevo artículo para acceder a la página de creación de un nuevo artículo en tu sitio Joomla. Configúralo de la siguiente manera:

• Título. Artículo con vídeo procedente de YouTube

• Publicado. Sí

• Página principal. Sí

• Sección: 2º de Bachillerato

• Categoría. Recursos Web de Biología

• En el editor de textos teclea el texto que desees. Por ejemplo, Este artículo es un ejemplo de cómo incluir un vídeo alojadas en YouTube. (intro)

Nota. Recuerda que tenemos instalado en el sitio un editor avanzado llamado JCE Editor. Además de ofrecer muchas opciones avanzadas de edición de texto JCE interpreta adecuadamente el código HTML procedente de numerosos sitios de Internet, entre otros YouTube por supuesto.

Nuestro artículo dedicado a la instalación y configuración del editor JCE en Joomla 1.5 - Ver

 

Paso 2. Localiza el vídeo alojado en YouTube

Ahora abre una nueva pestaña en el navegador. Acude, por tanto, al menú Archivo – Nueva pestaña o pulsa sobre el icono más situado justo a la derecha de la primera pestaña de Firefox (la que muestra la administración de Joomla).

Observa como, en efecto, Firefox ahora muestra dos pestañas: en la primera accedes a la administración de tu sitio Joomla, la segunda muestra un ilustrativo título “Sin título”.

Puedes activar una u otra simplemente haciendo clic sobre su nombre.

Haz clic sobre la segunda pestaña y en el campo de texto dirección URL teclea la que corresponde al servicio Web 2.0 YouTube:

 http://www.youtube.es

En la página principal del servicio utiliza el buscador para localizar un vídeo que pueda ser de interés para tu sitio. Por ejemplo, escribimos mitosis en el buscador

 

De todos los resultados que YouTube nos ofrece, finalmente elegimos el vídeo alojado en la página

 http://www.youtube.com/watch?v=6oAyXeQa1EU&feature=related

 

Paso 3. Incrusta el vídeo en el artículo de Joomla

Observa los botones que aparecen en la página que YouTube dedica al vídeo elegido y que se localizan justo debajo del reproductor del vídeo. Haz clic en el botón Insertar, te permitirá obtener el código de inserción del vídeo necesario para que el vídeo se visualice en tu sitio.

 

YouTube te ofrece justo debajo el código de inserción del vídeo. En primer lugar, selecciona el tamaño de visualización del vídeo: las medidas adecuadas para la resolución media que solemos tener en nuestras pantallas con portátiles de 15 pulgadas o monitores de 17 pulgadas son las del reproductor más pequeño. Haz clic pues sobre él (1).

Asegúrate de validar la opción Utilizar código de inserción anterior para utilizar el clásico código embed, que es el interpretado correctamente por el editor JCE (2).

Por último haz clic y selecciona todo el código que se muestra en la parte superior del apartado y utiliza el botón derecho del ratón sobre él para seleccionar en el menú contextual Copiar (puedes utilizar si te resulta más cómodo la combinación de teclas CTRL + C).

Ahora acude a la pestaña en la que se muestra la administración de tu sitio y, en concreto, al artículo que creaste en el paso 1.

Haz clic en el artículo en el lugar exacto donde quieres que se muestre el vídeo elegido. Localiza en la parte superior de la ventana, justo encima de las barras de iconos del editor JCE, las opciones [show/hide] y pulsa sobre ellas.

 

Observa que el editor JCE “desaparece” y, en su lugar, puedes ver el texto del artículo en código HTML nativo. Haz clic al final del primer párrafo y haz un intro para cambiar de línea.

Ahora llega el momento de que pegues el código copiado de la página de YouTube. Utiliza el procedimiento que te resulte más cómodo para hacerlo: botón derecho del ratón – pegar, combinación de teclas CTRL + V.

 

Para finalizar vuelve a pulsar de nuevo sobre [show/hide] para mostrar el editor y el contenido del artículo y observa cómo Joomla te muestra un objeto flash en el artículo.

Haz clic sobre él para seleccionarlo y céntralo en el artículo mediante el icono de alineación centrado. Guarda los cambios haciendo clic en el botón Guardar.

Sólo resta visualizar tu sitio para comprobar que, en efecto, el reproductor flash se muestra en el artículo y que puedes ver el vídeo directamente desde tu sitio sin necesidad de que tus usuarios visitantes acudan al servicio YouTube ni pierdan el tiempo localizando el vídeo seleccionado.

  Mostrar este artículo en su sitio web

< Prev		Próximo >

Joomla - Artículos