Embeber un vídeo de facebook en tu web o blog

En el anterior post os contaba como podéis bajar un vídeo de facebook sin instalar software.

Hoy he tenido algún quebradero de cabeza hasta que he conseguido embeber un vídeo de facebook en el blog. Al final lo he resuelto y os cuento como.

El intento fallido

Aparentemente Facebook te ofrece una pestaña en la cual te da un código con el cuál «Insertar» el vídeo o la publicación donde hay un vídeo(que debe estar «público» para su inserción).

embebervideoface2

embebervideoface1

Esto sería maravilloso, si funcionara, pero el código resultante no funciona, o bien no he sabido hacerlo funcionar. Existe una página de Facebook con un plugin que dice nos da un código para esta función. No me ha resultado. https://developers.facebook.com/docs/plugins/embedded-video-player

El intento con éxito:

El segundo intento, googleando, he encontrado un código que lo hace de una manera más o menos correcta. De momento no he sabido hacerlo mejor, y si podéis os agradeceré que lo contéis. Os cuento el proceso:

EMBEBER UN VÍDEO DE FACEBOOK

Localizado el vídeo, botón derecho sobre el vídeo.  “Show vídeo URL”:

bajarvideoface1

 

Nos muestra la “URL” o dirección web del vídeo. Sólo con esto ya podríamos compartirlo para su visionado online, pero lo que quiero es embeberlo (insertarlo en un blog)
bajarvideoface2

 

Copiamos la URL o bien le damos a “Ir a https://…”:
bajarvideoface3

Observamos la URL y copiamos el número de referencia del vídeo, que está al final :

embebervideoface3

Copiamos ese número de referencia y hacemos que sustituya a la parte «XXXXXX», del siguiente código:

<iframe src=”https://www.facebook.com/video/embed?video_id=XXXXXX” width=”600″ height=”480″ frameborder=”0″></iframe>

En el caso de mi ejemplo queda así:

<iframe src=»https://www.facebook.com/video/embed?video_id=112177625785768″ width=»600″ height=»480″ frameborder=»0″></iframe>

Y lo pegamos como código html donde corresponda en el post. Nos queda un problema por solucionar. El vídeo embebido sale pequeño respecto al marco, cuando lo visionamos hay que clicar sobre las dos flechas de expandir. No he sabido hacerlo mejor, si alguien tiene mejor solución que la comente por favor.

bajarr

 

 

Acerca de

José Antonio Torres Santolaria, Colaborador didáctico TIC para primaria, en el aula, en la Provincia de Zaragoza. jatorress@educa.aragon.es

Deja un comentario