Cara Memasang Embed Video Youtube Di Blog

Cara Memasang Embed Video Youtube Di Blog
Cara Memasang Embed Video Youtube Di Blog

 Responsive adalah elemen penting dalam web desain. Bahkan responsibilitas merupakan salah satu penilaian google dalam menentukan page rank.

 Video merupakan salah satu elemen multimedia yang memungkinkan pengiriman sinyal elektronik dari suatu gambar bergerak. Salah satu platform yang menjadi tempat berkumpul untuk berbagi video adalah youtube.Youtube sendiri sebenarnya sudah menyediakan kode embed yang dapat anda pasang di mana saja. Namun pada dasarnya kode embed yang disediakan oleh youtube tidaklah responsive.

Beberapa template blog tidak responsive jika dipasang kode embed yang diberikan youtube. Dan jika kode embed dari youtube tidak responsive ditemplate anda, maka tentu saja akan mengganggu pandangan pengunjung.Untuk membuat kode embed  dari youtube responsive pada blog, kita perlu menambah beberapa potong kode css pada website. Berikut langkah – langkahnya.

1. Copy Kode Embed Dari youtube

Klik kanan pada video youtube yang anda ingin masukkan. Lalu klik pilih salin kode semat atau Copy embed code (lihat Gambar di bawah)



2. Tambahkan Kode css dan selubungi dalam tag div

Kode yang dapat anda paste kira – kira seperti ini:



Untuk dapat membuat kode embed youtube responsive, anda dapat menambah kode css pada iframe tersebut menjadi seperti ini,



Dan menyelubungi iframe tersebut dengan tag div dengan class videowrapper



 Dengan menambahkan kode css tersebut, tampilan embed video youtube pada artikel yang tadi menjadi lebih rapih.

 Jika anda menemukan cara lain yang lebih mudah untuk membuat kode embed dari youtube menjadi responsive. Anda dapat menambahkannya pada kolom komentar! Dan terbuka untuk diskusi.
Baca Juga

Subscribe to receive free email updates:

0 Response to "Cara Memasang Embed Video Youtube Di Blog"

Post a Comment