Cara Paling Mudah Membuat Video Responsif / responsive pada ukuran blog

Cara Mudah Membuat Video Responsif / responsive pada ukuran blog

Mungkin dari sekian informasi yang ada di google dapat menjadi acuan dalam membuat postingan video yang responsif bila dilihat dari ukuran layar atau dibuka dalam gadget android.
beberapa tips sudah di coba sana dan sini, tetapi masih belum membuahkan hasil yang sesuai dengan apa yang kita inginkan..

yuuk tidak pelru panjang lebah langsung saja... ikuti langkah berikut...

pertama yang jelas buka blog anda ya? bukan blog orang lain....
pilih tema, klik Edit HTML

Cari kode berikut ]]></b:skin> untuk pencarian cepatnya CTRL+F

Kocopykan kode berikut, lalu pastekan diatas kode tadi...

embed, iframe, object, video {max-width: 100%;}

klik Save....


untuk postingan video pakai kode berikut

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//url video disini">
</div>

atau pakai kode berikut

<video class="video-js" controls="" data-setup="{}" height="264" id="my-video" poster="URL GAMBAR" preload="auto" width="640">
<source src="URL VIDEO" type="video/mp4"></source>
</video> 

Selamat mencoba.....

Bagikan Artikel ini