June 20, 2021

Koran Mantap

Menyajikan Informasi terupdate teraktual, tips trik dan kesehatan

Tutorial Cara Embed Video Facebook Ke Halaman Web Blog

2 min read

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

Itu artinya jika anda menemukan sebuah video yang menarik di situs fb, 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 web site tersebut dari desktop. Sedangkan untuk versi cellular akan otomatis diubah ke format HTML5, jadi jika website dibuka dari desktop dan laptop computer, 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 fb dengan memanfaatkan fitur Graph Search nya, misal dengan mengetik seperti contoh-contoh ini:

* movies of cats appreciated by my associates
* movies uploaded by me
* movies uploaded by my associates of pals

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, 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.

Ambil Code

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

Berikut adalah contoh video yang kami pasang dari fb.

Video yang ditanam itu bersifat responsive dan tentunya memenuhi lebar father or mother div website kita dipasang. Jika anda ingin menentukan lebar video anda bisa mengubah atau menambahkan di css web site 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.

Copyright © All rights reserved. | Newsphere by AF themes.