Menampilkan Embed Video Youtube Jadi Responsive

Ini hanya sedikit jawaban dari sebuah pertanyaan kenapa video yang saya embed tidak responsive? Karena ada kawan saya yang menanyakan cara menampilkan embed video youtube menjadi responsive, jadi terbitlah postingan ini.

Menampilkan Embed Video Youtube Jadi Responsive : 

Dan setelah cari-cari akhirnya saya tertuju ke blog arlinadzgn yang menampilkan cara embed youtube menjadi responsive, untuk lebih jelasnya silahkan menuju kesana mudah-mudahan bisa di eksekusi dengan benar seperti yang diharapkan

Cara embed youtube responsive dengan menambah kode CSS berikut 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}}

Sedangkan video berikut ini hanya perantara untuk mengetest hasil dari cara seperti di atas: saya hanya mencoba cara terbaru ditulisan paling bawah yaitu bagian CSS only.

hasilnya bisa dicek di responsivetest.net

Menampilkan Embed Video Youtube Jadi Responsive 2015-10-29T01:56:00+07:00 Rating: 4.5 Diposkan Oleh: sonykuda