JW Player adalah Pemutar video yang menurut saya sih cukup ringan atau enteng buat muter Video di Website atau Blog, selain ringan tampilannya pun cukup menarik dan bisa dirubah sesuai selera.
JW Player juga support HTML5 dan Flash Player. Nah klai ini kita akan memasang JW Player di Blogspot.
Cara ini sudah tidak work: silahkan kunjungi link INI
 |
| JW Player 7 |
Pertama-tama login dulu ke dasbord JW Player ,, jika blum punya akun JW Player silahkan daftar terlebih dahulu.
Cara pasang JW Player 7 di Blogspot:
2. Buat 1 Player baru.
3. Design sesuai keinginan anda.
4. Jika sudah selesai, Save Player
5. Scroll kebagian bawah.
6. Copy URL Player.
7. Login ke Dasboard Blog anda.
8. Template
9. Edit HTML
10. Cari kode: <head>
11. Paste kan URL tadi tepat dibawah kode: <head>
12. Lalu simpan pengaturan.
Lalu sekarang tinggal embed video kedalam postingan.
Silahkan copy kode berikut, masukan kedalam posting blog (ingat, moda penulisan adalah HTML , bukan Compose)
<div id="myElement">Loading the player ...</div>
<script type="text/javascript">
var playerInstance = jwplayer("myElement")
playerInstance.setup({
width: "100%",
aspectratio: "16:9",
image: "URL_POSTER",
sources: [{
file: "URL_VIDEO",
}],
tracks: [{
file: "URL_SUBTITLE",
label: "Indonesian",
kind: "captions",
"default": true
}]
});
</script>
<script type="text/javascript">
var playerInstance = jwplayer("myElement")
playerInstance.setup({
width: "100%",
aspectratio: "16:9",
image: "URL_POSTER",
sources: [{
file: "URL_VIDEO",
}],
tracks: [{
file: "URL_SUBTITLE",
label: "Indonesian",
kind: "captions",
"default": true
}]
});
</script>
Ganti tulisan yang berwarna MERAH dengan URL anda.
Keterangan:
- url_poster: ganti dengan URL Gambar tau Poster anda.
- url_video: Ganti dengan URL Video anda.
- Dan url_subtitle: Ganti dengan URL Subtitle anda (Jika anda ingin memasukkan Subtitle kedalam Video)
- Widh: "100%",: Agar Video yang di embed menjadi Responsive atau menyesuaikan dengan lebar Blog anada.
- Aspectratio: "16:9", : Perbandingan layar.
Untuk lebih jelasnya silahakn lihat vidoe tutorial dibawha ini:
Jika video kurang jelas / buram, silahkan pilih Kualitas HD di bagian setting.
Jika video kurang jelas / buram, silahkan pilih Kualitas HD di bagian setting.
Selamat Mencoba.
Semoga Bermanfaat.