Cara Agar Video Youtube Tampil Responsive di Blog
Hello kawan selamat menikmati disiang hari bolong ini, Kali ini aku akan membuatkan tips dan trik blog tentang bagaimana membuat supaya video youtube sanggup tampil responsive pada blog? Apa gunanya, tentunya akan membuat pengunjung blog semakin mudah dalam melihat info-info penting berdasarkan video youtube yg anda upload.
Nah masih penasaran dengan bagaimana mampu menampilkannya disini saya akan mengulas secara lengkap tutorial membuatnya denga praktis dan working, terdapat beberapa termin pembuatannya yaitu mulai dari CSS, HTML dan Javascript. Namun ini tidak memberikan impak berat dalam blog.
Okelah pribadi saja berikut ini beberapa tahap pemasangannya simak secara lebih jelasnya ya lantaran keliru sedikit anda akan gagal memaksimalkan responsivenya.
Cara Agar Video Youtube Tampil Responsive di Blog :
- Pasang kode berikut ini diatas kode
.videoyoutubetext-align:center;background:linear-gradient(to bottom,#fefefe 0%,#d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:20px auto;width:80%;box-shadow:1px 30px 30px -26px #818181
.video-responsiveposition:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:8px
.video-responsive iframeposition:absolute;top:0;left:0;width:100%;height:100%;border:0
- Silahkan anda pakai kode ini dia untuk memasang serta memunculkan video responsive pada blog anda.
//www.youtube.com/embed/fcr2VSNf7LI">
- Warna merah silahkan anda ganti menggunakan kode embed youtube yg ingin anda tampilkan.
- Kemudian silahkan anda copy kode dibawah ini dan anda pastekan sempurna diatas kode
- Dan perlu anda ingat! Blog anda sudah dilengkapi kode jquery library berikut adalah :
Itulah Cara Anyar Memasang Video Youtube Responsive pada Postingan Blog Kita , Oh iya menjadi LIVE DEMO-nya silahkan rasakan video Indah nevertari Gangsta - Lumpuhkan Ingatanku di bawah ini. Silahkan coba resize layar monitor Anda menggunakan menekan tombol CTRL + Scroll Atas / Bawah dalam keyboard serta mouse Anda, atau coba test halaman ini dengan responsive tool.
