Tecnoaficiones

Las nuevas tecnologías al alcance de todos.

Insertar vídeos en Drupal con CkEditor

Drupal videos

     En este tutorial vamos a ver como insertar vídeos en Drupal 7 mediante el editor CkEditor, tenemos varias formas de hacerlo y dependerá de los recursos que tengamos activados en nuestra barra de herramientas de CkEditor, que a su vez esta relacionado con los formatos de texto y los permisos, pero todo esto ya lo iremos viendo. Nos vamos a centrar en el método que más me gusta y el cual es el utilizado en esta misma web para insertar los vídeos y videotutoriales desde Youtube concretamente.

     De todas formas en cualquier caso, bien sea youtube, vimeo u otros, necesitamos el código de inserción que lo obtenemos del propio canal, en el caso de youtube seria de la siguiente forma:

  1. Abrimos el vídeo en cuestión.
  2. Debajo de la imagen del vídeo, pulsamos sobre "compartir".
  3. En las nuevas opciones que se despliegan pulsamos sobre "insertar".
  4. ​De las opciones que aparecen marcamos el chekbox de la ultima "Utilizar código de inserción anterior".

     Drupal videos     Debemos de estar como se muestra en la imagen, donde ya vemos el código. Ahora es cuando toca decidir el método por el que vamos a insertar el vídeo en nuestra publicación atraves del editor CkEditor, que es uno de los más utilizados tanto en Drupal como en muchas otras aplicaciones web. Tenemos varias alternativas para hacerlo, y como dije anteriormente, que las tengamos todas o no disponibles dependerá de nuestra configuración y permisos sobre CkEditor. Las voy a enumerar con la prioridad que yo os recomendaría.

  1. La primera y la que explicare con más detalle puesto que es la que solemos utilizar aquí en Tecnoaficiones todos los editores seria insertando un flash. Que es el boton con un circulo rojo con una " f ", (Flash).
  2. La segunda opción seria insertando un Iframe. Que es el botón que parece bola del mundo, (Iframe).
  3. La tercera opción Insertando multimedia embebida. Se trata del botón que tiene como un carrete de película, (Embed Media)
  4. Y por ultimo y por eso la menos recomendable Insertando directamente el código fuente html, (Fuente HTML).

    Se trata de estos botones, pasando el cursor sobre ellos os aparecerá la leyenda que os puse entre paréntesis en las diferentes opciones, falta el de la ultima pero es evidente en el botón pone "Fuente Html", pero ese cuanto menos lo usemos mejor, Recordad que es posible que los visualizeis todos 
como os dije eso depende de vuestro roll y la configuración de CkEditor y los formatos de entrada.
     Ahora vamos al detalle de la primera opción que es la que yo recomendaría, porque es la más sencilla y que además nos permite ajustar algunos parámetros como el tamaño y demás sin grandes complicaciones.
     Se trata de la opción de insertar un Flash haciendo lo siguiente:
Drupal videos

  1. Pulsamos sobre el botón del circulo rojo con la "F".
  2. En el cuadro de dialogo que se nos presenta lo primero que debemos de insertar es la ​URL​, y esta la sacamos del código que sacamos y vimos en la primera imagen, dentro del código buscamos la palabra "value", y seleccionamos el texto que esta justo detrás de las siguientes comillas, de comillas a comillas, como se ve en la imagen, y eso lo copiamos en nuestra URL, 
  3. Ahora solo queda ajustar el tamaño y ya esta, deber quedar como en la imagen de la derecha, aceptamos, guardamos, y ya tenemos nuestro vídeo en este caso de youtube en nuestra publicación.

     Para otro tipo de vídeo que se encuentre en internet, tipo Vimeo etc, el código que nos dan normalmente  corresponde a un Iframe embebido, por lo cual el método que deberíamos usar lógicamente es el Multimedia embebida, el botón con con el dibujo del carrete de película, y es tan simple como copiar el código que nos dan dentro del cuadro de dialogo y ya esta. Este método me gusta menos porque podréis comprobar que nos da menos opciones de configuración en cuanto a su presentación y posicionamiento. Os dejo un videotutorial y espero que os sea útil un saludo A.Lliso.


ACTUALIZACION: Tras los ultimos cambios realizados por Youtube es aconsejable utilizar la herramienta Iframe, en lugar de Flash, aunque practicamente es lo mismo, se puede apreciar en la imagen inferior.

Ckeditor video youtube

Ya sabeis si os ha gustado tanto abajo como en el lateral derecho teneis opciones para compartirlo, likearlo y demás. Un saludo a todos. 
 

Comentarios

Enviado por CaitO (no verificado) en
muchas gracias me sirvio mucho porque uso el ckeditor para mi web personal (http://www.caitoledesma1985.com.ar) y no podia insertar videos para que se vieran asi, intentaba poner con la etiqueta <embled pero no podia, intentaba con la <iframe pero me faltaban algunas partes del codigo... saludos y gracias!

Añadir nuevo comentario

CAPTCHA
Esta pregunta se hace para comprobar que es usted una persona real e impedir el envío automatizado de mensajes basura.
CAPTCHA de imagen
Introduzca los caracteres mostrados en la imagen.