Embed Video Youtube Responsive

Apakah anda seorang conten creator youtube, dan ingin menyematkan video ke dalam blog, lalu memliki masalah dengan tampilannya?. Jangan khawatir, di sini kita akan membuat tampilannya menjadi responsive mobile friendly.
Langsung saja kita mulai pembahasannya.

---

Tutorial Blog: Cara Memasang Embed Video Youtube Menjadi Responsive di Blog

Masuk Blogger: Tema > Edit HTML

Tambahkan kode CSS berikut ini sebelum kode ]]></b:skin> atau </style>

.resvideo { position: relative; max-width: 100%; margin: 20px auto; padding-bottom: 56%; padding-top: 30px; overflow: hidden; height: auto; }
.resvideo iframe, .videoresp object, .videoresp embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

Simpan Tema

Untuk menampilkan hasilnya, tambahkan kode HTML berikut ini pada postingan bagian Compose HTML

<div class='resvideo'><iframe src="https://www.youtube.com/embed/randomnumbers" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

randomnumbers Link youtube

https://youtube.com/watch?v=f6qqBYEOI30

<div class='resvideo'><iframe src="https://www.youtube.com/embed/f6qqBYEOI30" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>