Tapi masih ada beberapa kawan sedusun yang kesulitan untuk menampilkan thumbnail atau gambar video tersebut. Maksudnya adalah, saat video belum diputar, ada gambar yang terlihat di pemutar video dalam posting/artikel kita.
Ternyata caranya cukup mudah, kita hanya perlu menambahkan sedikit kode dibelakang kode video dari YouTube.
Mumpung ini artikel tentang video dari YouTube, sekalian saja saya tulis cara untuk memasukkan video dari YouTube ke posting/artikel blog di blogspot.
Yang pertama buka YouTube, pilih video yang ingin kamu tampilkan di blog.
Keterangan gambar :
1- Dibawah pemutar video di YouTube tersebut klik "share".
2- Klik "embed"
3- Centang pilihan pertama saja(Show suggested videos when the video finishes).
4- Bila kamu mau, ukuran video bisa dipilih atau diatur sesuai keinginan.
5- Copy kode yang diberi YouTube.
Selanjutnya tinggal paste ke dalam postingan kamu. Dan ingat, saat mempaste kode tadi, posisi halaman tulisan blog harus pada "edit HTML", bukan compose.
Nah sekarang masuk pada trik yang dimaksud dari judul artikel ini, yaitu menampilkan thumbnail (gambar) video dari YouTube tadi. Berikut kodenya :
<img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />
Tambahkan kode tersebut dibelakang kode video YouTube kamu. Jadinya seperti ini :
<iframe width="560" height="315" src="http://www.youtube.com/embed/AbPED9bisSc" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />
Ganti tulisan "Kode seri video" dengan kode yang berwarna biru. Jangan sampai salah, karena kode dari YooTube itu berbeda disetiap videonya. Untuk melihat contih jadinya bisa KLIK DISINI.
Selesai. Tinggal menambahkan isi artikel atau langsung di "publikasikan". Semoga beranfaat
Tidak ada komentar:
Posting Komentar