Cara Membuat Tampilan Youtube Menyesuaikan Layar Manapun

Tampilan Youtube pada website atau blogspot memerlukan perhatian tersendiri karena kadang penempatan video youtube kadang tidak selaras dengan tampilan blogspot yang kita miliki.


penyesuaian tampilan video youtube yang akan kita embed pada halaman artikel blogspot kita harusn tampil indah dan nyaman di pandang mata.
sedangkan kita tau bahwa pengunjung blogspot atau website kita datang dari perangkat yang bermacam macam. nah kendala yang ada adalah tampilan website atau blogspot kita menjadi kacau saat di akses di layar yang berbeda.

youtube, responsive, layar youtube,
 jika anda melihat gambar diatas tentu kurang sreg kalau posisi video nya tidak ditengah halaman blogspot, mak dari itu disini agusputra.com akan memberikan solusi cara membuat tampilan youtube menyesuaikan layar manapun.

solusinya adalah dengan mengedit css pada HTML di seting an blogspot
silakan masukan kode dibawah ini

/* CSS Only */
.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){
.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){
.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){
.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){
.post-body iframe{height:auto!important;max-height:auto!important}}
kode css diatas adalah kode yang sudah saya praktekan dan memang terbukti bisa menyelesaikan masalah pada posisi tampilan youtube yang kurang pas di layar man pun..
jika anda menemui kendala saat mengaplikasikan ke blogspot anda, anda bisa menulis di kolom komentar dan menulis pada bagian kode atau script sebelah mana yang membuat kode diatas tidak berkerja..

0 comments