Cara Agar Postingan Youtube di Blogger Blogspot Resposive

Setelah berkeliling ke sana ke mari, Alhamdulillah, akhirny tanpa sengaja saya mennemukan cara membuat postingan embed video youtube di blogspot bisa responsive. Dan menurut saya ini cara termudah.

Langsung saja,

Anda tinggal menambahkan kode css berikut ke template (edit html sobat).

Untuk cara menambahkan kode css ke template dibahas pada post tersendiri, di sini

Berikut kode css yang harus ditambahkan

.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Dan nantinya setiap posting (embed) video youtube tambahkan kode ini:

<div class="videowrapper">

embed youtube

</div>

Misalnya seperti ini

<div class="videowrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/vCPd58sMSLU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

Demikian semoga bermanfaat postingan mengenai Cara Agar Postingan Youtube di Blogger Blogspot Resposive.