Sebagai seorang Blogger tentu saja kita menyampaikan berita dan informasi melalui sebuah blog, dengan memposting artikel berupa tulisan dan gambar dapat menggambarkan apa yang kita maksudkan di dalam materii.
Akan tetapi terkadang tulisan dan gambar saja tidaklah cukup, ada saatnya kita harus menyisipkan sebuah Vidio di dalamnya untuk melengkapi sebuah artikel.
Video YouTube Responsive
Sebelumnya blogger memang sudah menyediakan fitur insert vidio dalam editornya kamu hanya perlu memilih dari mana sumber vidio itu berasal, baik mengupladonya secara langsung ataupun melalui vidio yang terdapat pada youtube.
Jika kamu mneguploadnya melalui editor blogger vidio tersebut akan tersimpan dalam akun google kamu dan begitu juga jika kamu menguploadnya pada youtube, vidio tersebut akan tersimpan dalam akun youtube kamu.
Apabila kamu menggunakan vidio yang kamu upload melalui editor blogger, umumnya vidio tersebut kurang responsive jika di lihat melalui perangkat selullar, dalam hal ini saya menyarankan kamu menguploadnya dalam youtube, namun butuh beberapa sentuhan agar vidio tersebut lebih responsive dan tidak memberatkan saat halaman artikel di buka.
Artinya vidio tidak akan autoplay jika tidak di putar dan fitur lainya dapat menyesuaikan ukuran sesuai perangkat yang di gunakan oleh pengunjung.
Cara memasang vidio youtube pada blogspot
Pertama edit template kamu terlebih dahulu, silahkan buka Blogger > Tema > Edit HTML copy kode CSS dibawah ini dan pastekan tepat diatas kode ]]></b:skin> atau </style>
@media only screen and (max-width:768px){
object{width:100%}}
@media only screen and (max-width:480px){
object{width:85%}}
@media only screen and (max-width:320px){
object{width:280px}}
kemudian save
Cara Pasang Vidio Pada Postingan
Masuk ke postingan yang akan disisipkan video YouTube, buka dalam mode HTML ( Bukan Compose ) masukan kode dibawah ini
<center><object data="https://www.youtube.com/embed/xxxxx" frameborder="0" height="315" width="560"></object></center>
Silahkan ganti tulisan merah yang telah di tandai dengan kode embed link youtube yang akan kamu pasang
Sehingga hasilnya menjadi seperti ini
<center><object data="http://www.youtube.com/embed/ShegIiSBqeM" frameborder="0" height="315" width="560"></object></center>
Sedikit tambahan, pada template - template karya Blogger Indonesia seperti IDNTheme sudah memiliki fitur Vidio Responsive. dengan kata lain kamu tidak perlu menambahkan kode CSS pada tempalte.
Untuk memastikannya silahkan baca Documentation pada template yang kamu beli atau download.
Lalu untuk menyisipkan vidio kamu dapat menggunakan Code seperti di bawah ini.
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/ShegIiSBqeM">
</div>
</div>
</div>
Silahkan coba dan lihat hasilnya, saya admin Jon terimakasih atas kunjungannya.