Cara Membuat Video Responsif pada Blog

Hallo semua kembali lagi bersama saya, kali ini saya mau membagikan tutorial yang penting buat para blogger. Sebagai seorang blogger anda harus menghargai pengunjung anda dengan memastikan pengaturan tata letak dan desain template untuk menjadi responsif di perangkat apapun terutama pada Smartphone, apalagi jika ingin menampilkan video, nah ini kendala yang biasa terjadi dari seorang blogger.

Nah pada kesempatan kali ini saya ingin berbagi tutorial bagaimana video responsif pada blog.

Berikut adalah langkah demi langkah solusi tentang cara mengatur Video pada blog anda untuk menjadi responsif.
Rekomendasi : Backup terlebih dahulu template anda agar lebih aman.
1. Log-in ke akun Blogger Anda. Pilih Template > Edit HTML
2. Tekan CTRL + F dan cari kode </ style>
3. Tambahkan kode ini di atasnya:

.video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

     Kemudian Klik Simpan Template
4. Selanjutnya tambahkan kode ini ke setiap kode embed video yang akan dibuat responsif.
<Div class = "video wrapper"> link video youtube </ div>
Ganti kata "link video youtube" dengan link video.
Nah selesai, mudah bukan caranya. Semoga bermanfaat.