En algunas ocasiones tenemos necesidad de incorporar vídeos que están alojados en servidores de redes sociales como Youtube, Vimeo, Facebook, Instagram, etc… En este breve artículo veremos cómo podemos coger el código necesario para poder visualizar un vídeo de este tipo directamente en tu página web.
Youtube:
Para incorporar un vídeo en Youtube en una página web, lo único que necesitaremos será conocer la URL del vídeo que queremos mostrar. Esta UrL la obtenemos en la misma página del vídeo, debajo del mismo hay un botón que dice «Compartir». Lo pulsamos y se despliega más información, con iconos de redes sociales. Debajo delos iconos veremos una URL, la copiamos y la guardamos. Posteriormente, para poner ese video dentro de nuestra página web, necesitaremos poner el siguiente código:
<iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/AN2EA8w698M» frameborder=»0″ allow=»accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture» allowfullscreen></iframe>
He puesto en negrita el lugar donde podremos la URL del vídeo de Youtube que hemos copiado anteriormente. Podemos ver cómo se visualizaría en el vídeo de abajo.
Youtube en Directo:
De la misma manera que ponemos un vídeo tipo standar de Youtube en una web, podemos hacerlo con un vídeo Streaming que esté emitiendo en directo desde Youtube. En el ejemplo de abajo vemos el vídeo que empezó a emitir en directo el 22 nov. 2016
Tierra desde el espacio NASA 24/7 vistas de la Tierra.
Instagram:
Para poner vídeos que estén alojados en Instagram, primero tendremos que copiar la URL del vídeo de Instagram que queremos poner en nuestra web. Después iremos a la página Embed Instagram para generar el código que tenemos que incorporar en nuestra web. Una vez dentro de esta página, pegaremos la URL en el campo que dice «Instagram URL» y pulsaremos el botón «Generate Embed Code». Nos mostrará un código y el vídeo al que corresponde. Copiaremos ese código y lo pondremos dentro de nuestra página web. Al visualizar la página web, se verá el vídeo.
FaceBook:
Los vídeos de Facebook se pueden incorporar a tu web de la siguiente manera. Una vez que tienes el vídeo visible en tu muro, en la parte del título, arriba a la derecha del vídeo verás un pequeño icono con el símbolo «V» Pulsa sobre ese simbolo y se abrirá un menú con algunas opciones. Pulsa la opción «Insertar» y en la ventana que se abra te mostrará el código que debes copiar y pegar en tu página web para que se vea el vídeo.
Twitter:
Para insertar vídeos de Twitter en una web, una vez vemos el tuit del vídeo que queremos poner, en la parte de arriba del tuit veremos el símbolo «V» Pulsa sobre ese simbolo y se abrirá un menú con algunas opciones. Pulsa la opción «Insertar Vídeo» y en la ventana que se abra te mostrará el código que debes copiar y pegar en tu página web para que se vea el vídeo. Tal como hemos hecho con este vídeo de abajo que está alojado en Twitter.
Vimeo:
Cuando entramos en Vímeo y estamos viendo el vídeo que queremos compartir, en la parte derecha del mismo encontramos una serie de iconos. Uno de ellos tiene una forma de Avión de papel. Este es el icono que tenemos que pulsar para que nos muestre el código que tenemos que poner en la web para incorporar ese mismo vídeo en una web. En la ventana que abre copiaremos el código del campo llamado «Insertar». También hay un enlace a la derecha que dice «+Mostrar Opciones» si lo pulsamos se amplia la ventana y nos da la posibilidad de cambiar algunos aspectos del vídeo como el tamaño, color, etc…
El vídeo de abajo es un ejemplo cogido de la manera que os he contado.
National Geographic, Great Migrations from Gentleman Scholar on Vimeo.
