Planes que incluyen esta característica: todos los planesCon Genially puedes insertar videos que tengas en Google Drive dentro de tus creaciones, de tal manera que tu audiencia los pueda visualizar sin necesidad de abrir una pestaña nueva del navegador.

En este tutorial explicamos cómo insertar en tu genially un vídeo almacenado en Google Drive. Veremos dos formas de mostrar tu vídeo:

  • Insertar un video en el lienzo para que se muestre en una página de tu genially.
    • Desde tu cuenta de Google Drive
    • Utilizando el código de inserción
  • Insertar un video para que se muestre en una ventana interactiva.


Insertar un vídeo en el lienzo para que se muestre en una página de tu genially


Desde tu cuenta de Google Drive

Esta es la opción más sencilla. Tendrás tu vídeo insertado con solo unos pocos clics:


1. Abre la sección ‘Insertar’ que se encuentra en la barra lateral izquierda del Editor de Genially.

2. Haz clic en la pestaña ‘Vídeo’.

3. Ahora haz clic sobre el icono de Google Drive y se abrirá una ventana emergente para que inicies sesión en la cuenta de Google donde tengas tu vídeo alojado.

4. El siguiente paso es conceder el acceso a Genially a tu cuenta de Google Drive para poder mostrar el contenido de tu Drive en Genially. Haz clic en 'Aceptar'.

5. En tu Editor se mostrará una ventana emergente donde verás todos los videos que tienes alojados en tu cuenta de Google Drive. Elige el video que quieres mostrar y haz clic en ‘Añadir’.

6. ¡Listo! Tu vídeo ya aparece en el lienzo. Puedes situarlo en la parte de la página que prefieras, y modificar su tamaño a tu gusto clicando sobre sus vértices y arrastrando el ratón en la dirección que desees.

Utilizando el código de inserción

Para utilizar este sistema, lo primero es editar la privacidad de tu vídeo, de manera que sea visible para cualquier persona que tenga el enlace. Después necesitas obtener y copiar el código de inserción y finalmente pegar ese código en tu genially. Vamos a ver este proceso paso a paso: 


1. Inicia sesión en tu cuenta de Google Drive.


2. Localiza tu vídeo y haz clic sobre él con el botón derecho del ratón. Elige la opción ‘Compartir’.


3. En la ventana que aparece, haz clic en ‘Cambiar’, en la parte inferior.


4. Haz clic en la flechita que aparece a la izquierda para desplegar las opciones de privacidad y selecciona ‘Cualquier persona que tenga el enlace’.


5. Haz clic en ‘Listo’ para guardar los cambios.


Pasos para cambiar la configuración de privacidad de un video almacenado en Google Drive


7. Ahora vamos a obtener el código de inserción del video. Haz clic derecho sobre el video de nuevo y esta vez selecciona la opción ‘Vista previa’.


8. En la vista previa, despliega el menú de tres puntos de la esquina superior derecha y selecciona la opción ‘Abrir en una ventana nueva’.


9. En la nueva pestaña que se abre, vuelve a desplegar el menú de la esquina superior derecha.


10. Haz clic sobre ‘Insertar elemento…’


11. Selecciona y copia el código generado.


Pasos para obtener el código de inserción de un video almacenado en Google Drive

¡Listo! Ya tienes tu código. Ahora vamos a insertarlo en tu genially.

12.  Abre la sección ‘Insertar’ en la barra lateral izquierda del Editor de Genially.


13. Haz clic en la pestaña ‘Otros’ y pega el código de inserción en la caja que se muestra. Valida haciendo clic en el botón ‘Insertar’.


14. Una vez aparece el video sobre el lienzo, puedes situarlo en la parte de la página que prefieras, o modificar su tamaño a tu gusto clicando sobre sus vértices y arrastrando el ratón en la dirección que desees o editando las dimensiones desde el ‘Modo diseñador’.


Pasos para insertar el video en Genially


Insertar un video para que se muestre en una ventana interactiva


También puedes mostrar tu vídeo en la ventana que se abre cuando tu público hace clic en un elemento interactivo. Para ello:

Selecciona el elemento que quieras convertir en interactivo y haz clic sobre el ícono de interactividad que aparece sobre él.


1. Elige la opción ‘Ventana’.


2. Haz clic en el botón ‘Vista de código’ en la barra superior derecha. Aparece representado con el símbolo </>.


3. Pega el código de inserción del vídeo que obtienes siguiendo los pasos del apartado anterior.


4. Vuelve a hacer clic en el botón ‘Vista de código’ y guarda los cambios. ¡Listo!


Pasos para insertar un video de Google Drive en una ventana interactiva

TIP: Puedes cambiar las dimensiones del video desde la ‘Vista de código’ al modificar los atributos "width" (ancho) y "height" (alto). 


Fragmento de código para modificar el alto y ancho de un video insertado dentro de una ventana