Home / Tutorial Wordpress / Cara Menambahkan Video Di Plugin JWPlayer WordPress

Cara Menambahkan Video Di Plugin JWPlayer WordPress

JWPlayer adalah adalah satu tools yang cukup populer untuk memutar video di halaman web, format video yang di putar berupa file mp4, flv, webm. dll. JWPlayer juga support untuk HTML5 jadi bahkan tanpa flash player anda bisa menonton video di halaman web anda. JWPlayer juga tersedia di wordpress namun anda harus menginstal plugin nya terlebih dahulu.

Penasaran bagaimana cara menambahkan video dengan plugin JWPlayer di wordpress ? Baiklah, silahkan simak langkah-langkah berikut, pada langkah-langkah di bawah saya akan menggunakan plugin JWplayer versi 6 karena lebih ringan :

Pertama kita akan menginstal plugin jwplayer, downloadlah plugin JWPlayer versi 6 untuk wordpress di sini : https://demo.jwplayer.com/wordpress/jw-player-plugin-for-wordpress-6.zip.

Kemudian seperti biasa, login lah ke halaman dasbor atau beranda wordpress anda di browser. http://domainanda.com/wp-admin/ Jika sudah login, pilih menu Plugin dan klik Add New atau Tambah Baru. Lalu upload file zip yang sudah anda download dari link di atas.

IDwebshare - Cara memasang video di plugin jwplayer wordpress

Atau anda juga bisa langsung mengupload file zip plugin ke folder wp-content > plugin di cpanel hosting anda dengan FTP.

IDwebshare - Cara memasang video di plugin jwplayer wordpress 2

Setelah selesai dengan proses upload plugin, aktifkan plugin jwplayer anda, lalu pilih JWPlayer, klik menu Player Management, dan klik Create A New Player.

IDwebshare - Cara memasang video di plugin jwplayer wordpress 3

Sesuaikan settingan player anda sesuai petunjuk di bawah :
Pada Basic Setting Isi Description dengan Video Streaming, pilih player size Responsive 16:10.
Pada Layout setting gunakan skin default saja, lalu centang kolom Display A Player Control, pada stretching pilih Stretching proportionally (black border) dan pada default rendering mode pilih HTML5. Contoh bisa anda lihat pada gambar di bawah, settingan yang lainnya sudah default jadi tidak perlu diubah, atau bisa anda sesuaikan nanti :

IDwebshare - Cara memasang video di plugin jwplayer wordpress 4

Simpanlah settingan anda di atas. Kemudian kita akan coba menambahkan video dengan plugin JWplayer anda. Buat postingan baru, di halaman posting klik tambahkan media dan pilih Add External Media. Untuk contoh kita pakai link dari youtube, lalu masukan link ini https://www.youtube.com/watch?v=AMT698ArSfQ lalu klik Add to library.

IDwebshare - Cara memasang video di plugin jwplayer wordpress 5

Lalu masukkan judul, deskripsi, poster image dan pada kolom embed with pilih lah settingan player yang anda buat sebelumnya tadi. Lalu klik Insert with jwplayer.

IDwebshare - Cara memasang video di plugin jwplayer wordpress 6

Maka akan muncul short code seperti gambar di bawah ini. Kode ini lah yang berfungsi untuk menampilkan video anda. Lalu publikasikanlah postingan anda dan lihat hasilnya.

IDwebshare - Cara memasang video di plugin jwplayer wordpress 7

Hasilnya akan muncul kolom jwplayer seperti di bawah ini :

Bagaimana ? mudah bukan 😀 jika anda ingin menambahkan video lain tinggal isi pada add external link saja contoh : http://idwebshare.net/cms/upload/videoku.mp4. Itulah sekilas tutorial tentang cara menambahkan video di plugin JWPlayer wordpress. Semoga artikel ini dapat berguna, selamat mencoba dan semoga berhasil !

About Eris

Eris
Aku hanyalah seorang otaku yang senang menghabiskan waktu untuk berselancar di dunia maya, hobby menulis, bermain game, gitar, dan desain web.

Powered by themekiller.com

Hot News!

Jangan lupa kunjungi situs informatif lainnya :

https://bacaanasik.cc/

https://www.jerami.info/

https://www.beritamandiri.co/

https://wisataku.blog/

https://sakitpunggung.org/

https://www.badlegaindia.org/

https://infogadget.club/

https://diujunglangit.com/

https://www.beritaboladunia.net/

https://sboplaza.com/

https://www.wibawanews.net/

https://www.sahamgoodwin.com/

https://www.bitwinshop.com/

https://artlinearsitek.com/

https://ingapak.com/

https://pengobatan.tips/

https://usaha2018.com/

https://adeide.com/

https://daraprayoga.com/

https://idwebshare.net/

https://aribicara.com/

https://buletinunik.com/

https://lingkupberita.com/

https://tempatketawa.com/

https://passionmagz.com/

https://motzter.com/

https://www.museswonderland.com/

https://www.fandyhutari.com/

https://gambardp.com/

https://sbc-superbiocollagen.com/

https://artisip.net/

https://www.lyricstunes.net/

https://gotocirebon.com/

https://bayugawtama.com/

https://www.enterberita.com/

https://viclindsay.com/

https://wazobians.com/

https://tokojeremy.com/

https://qncobatmaag.com/

https://obatmataminusgw.com/