Cara mudah Membuat Embed Video Youtube Menjadi Responsive

Pada video di bawah ini ada cara yang lebih simpel lagi daripada cara-cara diatas silakan saja simak video di bawah ini.

Agar ukuran video sesuai dengan template ini saya ganti ukurannya dengan height="385" dan width="685">

Berikut adalah kodenya (masukkan pada tema) : 

CSS:

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

HTML:

 <div class="video-container">...</div>

Ganti titik-titk berwarna merah tersebut pakai kode embed. 

Lalu bagaimana caranya?  Silakan para pembaca mengikuti dengan seksama tutorial video di atas ! 

sumber : https://www.rudyarra.com/2022/07/embed-video-youtube-responsive-pada-blog.html

Share :