Search This Blog

Menampilkan YouTube Full Width Di Halaman

  • Friday, June 15, 2018 at 8:03:00 PM
  • 0 Comments
  • Views
Kali ini aku bakalan mencatat tentang cara menampilkan video iframe YouTube secara fullscreen di halaman post kita. Setelah mencari kesana kemari di Google aku akhirnya menemukan sebuah trik yang berhasil aku terapkan. Trik ini juga sudah responsive mengikuti ukuran layar. Langsung saja cara pemasangan nya seperti berikut ini.

Pemasangan
Pertama masukan style CSS ini di blog kamu.
.videowrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 Dan tambahkan kode HTML berikut ini di setiap kamu meng-embeed video ke postingan.
<div class="videowrapper">
    Konten iframe dari YouTube
</div>
Demikian trik cara menampilkan video dari YouTube secara full width di postingan.

Referensi
No comments
No comments

Post a Comment