Bagaimana cara mengembed video facebook ke halaman website ataupun blog

Codesigncod 03:05 , No comments
Bagaimana cara mengembed video facebook ke halaman website atau 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 adalah cara mengembed video facebook ke dalam website ataupun blog anada.
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

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 dipasang dari facebook.
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 berikutnya.


No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )