Tutorial: Como incorporar vídeos do Facebook na sua página web

  • Autor Autor rmannise
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
rmannise

rmannise

Zeta
SEO
Hoy por hoy facebook se esta conviritiendo en una gran fuente de vídeos al igual que youtube, y aunque los de este último son muy simpre de colocar en casi cualquier web los de fb no, pero existe una forma ofrecida por el propio fb que es las que les detallo a continuación.

Primero debes modificar el codigo de tu pagina para poder cargar los vídeos de fb es necesario cargar un script pequeño en tu header o en cada pagina en particular si asi lo prefieres, muchos al igual ya lo teneis debido a que es usado por otros plugins de fb.
Inserir CODE, HTML ou PHP:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Luego solo hace falta insertar el vídeo en el post donde lo queramos es claro si usas wp por ejemplo que debes hacerlo en modo html.
Inserir CODE, HTML ou PHP:
<div class="fb-video" data-href="{url-del-vídeo-de-fbl}"  
  data-allowfullscreen="true" data-width="500"></div>

Aquí te muestro una captura de como queda:

fbvid.webp

También pueden ir a: https://developers.facebook.com/docs/plugins/embedded-video-player donde verán hay más opciones para agregar al embebido o inscrutado.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Que buen aporte!

Cada día que miro foro beta me sorprendo más!

Muchas gracias!
 
Estupendo, gracias por este tuto. Copy en favoritos :encouragement:
 
Excelente aporte, buenas cosas para tener en cuenta
 
Buen Tutorial, aunque aún no tengo pagina web 🙁 Soy novato para diseñar uno u.u
 
Gracias, lo voy a hacer, me encanta porque los videos de Facebook no tienen publicidad.

Tratando de hacerlo, puse el código en header, coloco el código del video en el artículo y aún no sale.

Sigo probando.
 
Última edição:
tener una web es muy fácil!

- - - Actualizado - - -

esto de que no tengan publicidad.... dejemosle tiempo al querido mark... y que vea que puede ganar dinero con los vídeos y veremos como nos coloca publicidad hasta en los botones del play.
 
Voltar
Topo