Trik menampilkan video responsive di blog


 Dalam posting kali ini kita akan membahas tentang cara menampilkan video di posting blogspot. Kali ini video ampil dengan lebih responsive. Artinya ukuran lebar sesuai dengan di piranti apa video tersebut ditampilkan.

Keuntungan memasang video yang responsive di blog adalah agar video yang tampil di posting blog bisa menyesuaikan ukurannya dengan ukuran lebar dari tampilan blog. Jika tidak menggunakan video responsive maka video yang dipasang di blog akan melebar melewati batas bagian postingan.



Lalu bagaimana caranya untuk menampilkan video di posting blog secara responsive ?,  pertama-tama buka dashboard blogger, kemudian masuk pada bagian Template lalu pilih Edit HTML.


Lalu kemudian tambahkan kode berikut ini diatas ]]></b:skin> atau diatas kode </style>.

/* Responsive Youtube [Personal Change] */
.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}}

Semoga bisa bermanfaat, kalau ada yang ingin dianyakan silakan sampaikan melalui kotak komentar yang ada dibawah. Terima kasih....
Previous
Next Post »