Hola a todos,
Como dice el titulo vamos a ver como incrustar un video en facebook que se encuentre en nuestra pagina, un ejemplo de ellos es youtube, como saben cuando comparten un link de youtube en facebook automaticamente aparece el video incrustado para verlos directamente desde facebook.
Bueno esto se puede hacer muy fácilmente, y la idea es que cuando alguien comparta un link en facebook de nuestra pagina que contenga un video, las personas puedan ver el video directamente ahi.
Para esto solo se necesita agregar un par de meta tag en el <head> de nuestra pagina web, vamos a ver cuales:
Estos metatags son propios de facebook y le proporcionan informacion a fb para saber de que se trata tu pagina etc..
1. Titulo que describa el video
<meta property="og:title" content="Titulo que describa el video">
2. Tipo de contenido de tu pagina, en este caso tv_show
<meta property="og:type" content="tv_show">
3. Url donde se encuentra el video.
<meta property="og:url" content="http://www.localhost.com/?video=2057436440">
4. Url de la imagen o preview del video.
<meta property="og:image" content="http://www.localhost.com/nombre_imagen.jpg">
5. Nombre general del sitio
<meta property="og:site_name" content="Titulo de mi sitio">
y ahora vienen las etiquetas mas importantes, que también van en el <head> de la pagina.
6. Esta cumple la misma función que la numero 4 a diferencia que esta etiqueta es de un standard y no solo de facebook, asi que otros sitios como myspace o google la miraran.
<link rel="image_src" href="http://www.localhost.com/nombre_imagen.jpg">
7. Esta es la mas importante para que tu vídeo aparezca en facebook, y es donde se especifica la dirección del reproductor flash que utilices junto con los parámetros donde se especifique la url del vídeo.
<link rel="video_src" href="http://www.localhost.com/player.swf?file=http://www.localhost.com/mi_video.mp4">
8. En esta se establece el alto del reproductor como aparecerá en facebook, 297px es el alto maximo.
<meta name="video_height" content="297px">
9. En esta se establece el ancho del reproductor como aparecerá en facebook, 396px es el alto maximo.
<meta name="video_width" content="396px">
10. y por ultimo establecemos como vamos a mostrar nuestro vídeo, en este caso por medio del plugin de flash.
<meta name="video_type" content="application/x-shockwave-flash">
Bueno eso es todo, cualquier duda o pregunta que tengan la puede hacer que estaré atento.
Bye.