Cara embed video facebook ke halaman web blog — Facebook sekarang sudah mirip dengan youtube, facebook sekarang sudah membolehkan kita untuk meng-embed video kedalam website kita yang berada diluar facebook.

Itu artinya jika anda menemukan sebuah video yang menarik di situs facebook, maka anda dapat dengan mudah memasang di blog anda tanpa harus mengarahkan audiens Anda ke situs Facebook.

Namun ada hal penting yang harus anda ketahui. yaitu, Anda hanya bisa meng-embed video yang di share untuk public, sedangkan video yang di setting private tidak bisa anda putar meskipun bisa di embed.

Masalah lain yaitu saat ini Facebook masih menggunakan Adobe Flash Player untuk embed video jika anda membuka website tersebut dari desktop. Sedangkan untuk versi mobile akan otomatis diubah ke format HTML5, jadi jika website dibuka dari desktop dan laptop, maka membutuhkan plugin Shockwave Flash yang tentunya harus di aktifkan agar bisa melihat video.

Berikut Ini Cara Memasukan Video Facebook Ke Halaman Website

Pertama: Tentukan video yang ingin anda embed, anda bisa mencarinya melalui kolom pencarian facebook dengan memanfaatkan fitur Graph Search nya, misal dengan mengetik seperti contoh-contoh ini:

  • videos of cats liked by my friends  
  • videos uploaded by me
  • videos uploaded by my friends of friends

Kedua: Klik gambar thumbnail dari video tersebut untuk membuka video dalam jendela popup/lightbox.

Ketiga: Arahkan mouse anda ke arah video, klik menu Options dan pilih Embed Video dari dropdown yang muncul.

embed video facebook

Embed Video Facebook, Selain itu juga tersedia menu Download HD dan Download SD untuk menyimpan Video Facebook

Keempat: Facebook akan memberikan potongan kode yang dapat anda copy dan langsung paste di template website anda atau di postingan blog anda.

embed video facebook get code

Ambil Code

Perlu di catat bahwa anda perlu login ke akun facebook anda untuk menghasilkan kode embed.

Berikut adalah contoh video yang kami pasang dari facebook.

Test Video: Tendangan Maut

Posted by Jurnal Web on Monday, March 30, 2015

Video yang ditanam itu bersifat responsive dan tentunya memenuhi lebar parent div website kita dipasang. Jika anda ingin menentukan lebar video anda bisa mengubah atau menambahkan di css website anda properti di class .fb-video seperti contoh berikut ini.

  .fb-video { 
    
    /* Atur lebar agar video tidak full melebar*/
    max-width: 300px !important; 
    
    /* Atur float agar video jadi berada di sebelah kanan, dan teks mengikuti */
    float: right;
    
    /* tambahkan boder berwarna orange pada video */
    border: 2px solid orange;
    
    /* kode lainnya bisa anda tambahkan, sesuaikan dengan kebutuhan */
  }

Semoga berguna untuk anda, sampai jumpa di tips dan tutorial yang ada di jurnal web indonesia.