Cómo puedo insertar un video en mi web

Miquel  |
  25/01/2013

Con el auge de las redes sociales y, en general, de la Web 2.0 cada vez son mas las personas que se lanzan a tener una presencia corporativa en Facebook, Twitter y LinkedIn entre otras. Además, cada vez son mas las páginas web que ofrecen al usuario información de su empresa o negocio a través de videos relacionados que, en muchas ocasiones, ayudan a que el usuario que visita la página web pueda entender fácilmente el mensaje que pretendemos dar.

Logos videos

En este post del Blog de GPI Software vamos a aconsejaros sobre cómo insertar videos en la web de manera óptima tanto para el visitante como para nuestro bolsillo.

Antes de colgar un video en nuestra web debemos considerar tres aspectos básicos:

Alojamiento Web

El primero de los aspectos a tener en cuenta es el alojamiento web que tenemos disponible. Los videos suelen ser un formato que fácilmente ocupa mucho espacio en disco, llegando a superar los 10 MBytes en la mayoría de ellos. En el caso mejor, supongamos que en nuestra web ponemos un video por cada apartado y tenemos 20 apartados. Todo ello supone una ocupación de disco de 200MB extra al espacio que de por si ocupe la página web.

En función del contrato que tengamos de hosting o alojamiento esto puede encarecer los costes de la web y, en los tiempos que corren, cualquier ahorro es bueno. Por lo tanto, debemos fijarnos en soluciones que nos ofrezcan un alojamiento gratuito de videos y, entre ellas, las más famosas son Vimeo y Youtube, siendo esta última la mas utilizada mundialmente. En ellas, podemos crear canales de videos donde colgar nuestros videos y luego, en nuestra página web, insertarlos directamente desde los servidores de Vimeo o Youtube, por lo tanto, el alojamiento pasa de los 200MB a 0MB.
La conclusión de este punto es que a nivel de alojamiento nos es mucho mejor trabajar con dichas plataformas de video.

Rapidez de carga de las páginas de nuestra web

En este aspecto no hay duda posible. Es sabido que colgar un video de 10 MB en una página web y que al cargar dicha página tenga que cargar también el video hará ralentizar muchísimo el tiempo de carga. Esto nos puede provocar en la mayoría de las ocasiones que el visitante salga de esta página antes que se haya cargado completamente y, por lo tanto, no habrá ni siquiera visto el video. En cambio, insertando un video a través de las plataformas anteriores conseguimos que el video solamente se cargue cuando el visitante desea verlo.

La conclusión de este punto es como en el anterior, merece mas la pena tener el video en una plataforma como Youtube o Vimeo para mejorar el rendimiento de nuestra página web.

 

Versatilidad entre diferentes sistemas, plugins y códecs

Cada video tiene una codificación distinta que requiere de unos plugins determinados para ser visualizado correctamente. Además, cada ordenador de cada visitante es distinto en gran medida, reproductores de video distintos, plugins instalados distintos, etc. Lo cual nos lleva a que un video colgado en la web directamente no será visto por todos los tipos de visitantes, independientemente de su equipo (ordenador de sobremesa, portátil, smartphones, tablets, etc).

Para conseguir el objetivo que el video sea visible en la mayoría de equipos debemos trabajar forzosamente con plataformas como Vimeo o Youtube.

A continuación mostramos el ejemplo de Cómo insertar un video en una página web mediante Youtube:

  1. Lo ideal es crear un canal de Youtube para colgar en él todos nuestros videos. De éste modo tendremos un canal de difusión agrupado y muy útil para que nos mejore el posicionamiento de nuestra empresa en buscadores.
    Un ejemplo de canal de Youtube es el de Ajuntament Impulsa, ver canal Youtube de Ajuntament Impulsa.
  2. A continuación subimos el video a nuestro canal de Youtube, donde además podemos definir palabras clave, descripción e información relevante del video (mejoramos posicionamiento en buscadores).
  3. Una vez subido ya podemos reproducir el video y, en cualquier video, vemos el botón de compartir que al pulsarlo nos da varias opciones, entre ellas insertar video:
  4. Vista previa video en Youtube

  5. El código resultante de escoger las medidas es el siguiente:

  6. Código video youtube

  7. Una vez obtenido el código del "iframe" ya podemos insertarlo en el código fuente de cualquiera de los contenidos de webnet. De esta manera ha sido integrado el video siguiente, que es el que veíamos en el ejemplo anterior y es el resultado del código del punto número cuatro.


Fuente: Ajuntament Impulsa

Con estos sencillos consejos y siguiendo unos pasos básicos hemos conseguido insertar un video en nuestra web. Esperamos que sea de vuestra ayuda.

 

 

COMPARTIR:
|
|