Kesempatan kali ini saya ingin berbagi bagaimana membuat tampilan video dalam web dengan JW Player 6 yang dicoba dalam localhost. Tidak hanya untuk membuat tampilan yang bagus tapi video cenderung lebih bisa mengungkapkan keinginan kita dalam menyampaikan suatu materi.
Sebelumnya download script playernya disini. Extract kedalam dokumen web anda dan persiapkan video yang ingin ditampilkan dan gambar video yang tertampil sebelum video dimainkan.
Tutorial ini diuji coba dilinux, silahkan disesuaikan untuk yang memakai Sistem Operasi selain Linux.
Jadi Versi 6 dari JW Player dilengkapi dengan beberapa fitur baru yang besar dan Anda akan senang mengetahuinya. Ini masih gratis untuk penggunaan non-komersial - namun kita telah melihat dalam versi gratis Watermark JW sedikit lebih mengganggu. Komersial penggunaan harga juga telah berubah dari biaya satu-off, untuk lisensi tahunan sekitar £ 100 per tahun, atau £ 200 untuk lisensi premium hingga 10 situs. Namun demikian, JW player masih merupakan solusi yang fantastis di situasi yang tepat.
Dua JS file untuk
Dalam video saya menyoroti dua file JavaScript yang berbeda yang Anda butuhkan untuk menjalankan dalam dari halaman web Anda yang akan menampilkan video. Yang kedua dari dua, berisi kunci lisensi pelacakan untuk memungkinkan built-in JW Player statistik, namun hal ini tidak wajib
<script type="text/javascript" src="http://localhost/cekvideo/jwplayer/jwplayer.js"></script>
inline JS dan kontainer
Berikut adalah JavsScript HTML dan inline yang Anda butuhkan untuk embedding video ke setiap halaman. Anda juga akan menemukan unsur-unsur tambahan yang kita digunakan dalam video, seperti judul, lebar dan tinggi:
<script type="text/javascript">
jwplayer("myElement").setup({
file: "./upload/video.mp4",
height: 360,
image: "./upload/gambar.png",
width: 640
});
</script>
Berikut merupkan script bagi kamu-kamu yang ingin mencoba script nya.
<!DOCTYPE html>
<html>
<head>
<title>Bagaimana cara testing JW Player 6</title>
<script type="text/javascript" src="http://localhost/cekvideo/jwplayer/jwplayer.js"></script>
</head>
<body>
<div id="myElement">Loading the player...</div>
<script type="text/javascript">
jwplayer("myElement").setup({
file: "./upload/video.mp4",
height: 360,
image: "./upload/gambar.png",
width: 640
});
</script>
</body>
</html>
GoodLuck!
EmoticonEmoticon