SERGIOIGLESIAS

Blog sobre Joomla

Cómo embeber vídeos de Youtube y Vimeo en un artículo Joomla

@sergiois Tips Joomla 2 - 3 minutos Visto: 13287

Hoy te traigo un minitutorial para ver diferentes formas que tiene Joomla para embeber vídeos de Youtube y Vimeo en un artículo como este.

Cómo embeber vídeos de Youtube y Vimeo en un artículo #Joomla - #MejorConJoomla Tuitéalo

De forma manual

Para embeber un vídeo de forma manual en un artículo Joomla sin necesidad de usar ninguna extensión de terceros, simplemente con código, tenemos que hacer lo siguiente:

Vídeo de Youtube

Para embeber un vídeo de Youtube vamos a la página del vídeo correspondiente. Por ejemplo:

https://www.youtube.com/watch?v=ineee4JtKRc

Una vez aquí tienes que pulsar en el botón de "Compartir".

Esto hará que se abra una ventana o "popup" con diferentes formas de compartir el vídeo (redes sociales incluidas).

La opción que te interesa para este caso que proponemos en el artículo es la que pone "Insertar".

Embeber vídeo de Youtube - Compartir

Esta opción volverá a abrir una ventana nueva en la que se mostrará el vídeo a la izquierda y el código HTML que necesitamos en la derecha.

Embeber vídeo de Youtube - Código HTML (iframe)

Como puedes ver en la imagen tienes disponibles algunas configuraciones.

Al final lo que nos interesa será este código HTML:

Una vez que tienes este código, tendrás que poner el editor que utilices de forma que puedas introducir código HTML y pegarlo.

De esta forma, tendrás embebido el vídeo:

Dependiendo de los estilos que tengas en tu plantilla para esta etiqueta iframe se verá de una forma u otra (yo, por ejemplo, tengo que tenga un ancho del 100%).

Recomendación: Si usas una plantilla basada en Bootstrap 3, te recomiendo que uses el siguiente código para embeber los vídeos:

Con esto garantizas que se vea bien en cualquier versión (escritorio, mobile, tablet...).

Vídeo de Vimeo

Si queremos que el vídeo sea de Vimeo los pasos a seguir son similares. Necesitaremos el código HTML que se genera para poder embeberlo.

Embeber vídeo de Vimeo - Código HTML (iframe)

En este caso, como puedes ver en la imagen anterior, el botón se llama "Compartir" y en la ventana que aparece tienes las diferentes formas de compartirlo. Para este caso que propongo necesitarás el código que aparece en el apartado de "Insertar".

Embeber vídeos en Joomla con extensiones

Para facilitar esta labor de embeber vídeos contamos en Joomla con varias extensiones que paso a listarte a continuación.

Mi recomendación en este sentido es que las pruebes todas y veas cuál se adapta mejor a tu proyecto y al usuario final (el que va a gestionar el contenido de la web).

Listado de extensiones

  • OsYouTube: se trata de un plugin que transforma todas las direcciones de Youtube que se encuentra en el contenido en un embebido de forma automática. Es muy facilito y funciona perfectamente.
  • OsVimeo: hace lo mismo que su "hermano" pero para vídeos de Vimeo.
  • OsEmbed: es el hermano mayor de los plugin anteriores y, además de embeber vídeos de Youtube y Vimeo, embebe prácticamente cualquier cosa.
  • AllVideos: uno de los de toda la vida. La verdad que personalmente no me gusta utilizar este tipo de Shorcodes, pero es una alternativa más.
Extensiones para embeber vídeos de Youtube y Vimeo en un artículo #Joomla - #MejorConJoomla Tuitéalo

Espero que este artículo te ayude a embeber vídeos en un artículo Joomla.

Si conoces alguna extensión más para esta funcionalidad no dudes en compartirla en los comentarios.

¿Te ha gustado el artículo?

Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un Curso de desarrollo de plantillas Joomla.

2 comentarios

  • Hola Jose,<br />Pues en la RAE sí que existe: https://dle.rae.es/embeber<br />Pero realmente es un término que usa en programación que hace referencia a insertar un contenido dentro de otro. En este caso, un vídeo de Youtube o Vimeo dentro de tu código HTML (el que forma tu artículo).<br />Un saludo,

Artículos relacionados

Solicita presupuesto

¿Quieres una página web que funcione?

Contacta conmigo y hablemos de tu proyecto.