Cara Menambahkan Pemutar Video Stellar ke Situs WordPress Anda

Tidak dapat disangkal bahwa, jika diberi pilihan, sebagian besar pengguna Internet saat ini lebih suka menonton video pendek daripada membaca beberapa paragraf teks. Oleh karena itu, salah satu cara terbaik untuk meningkatkan lalu lintas dan rasio klik-tayang situs WordPress Anda dengan cepat adalah dengan menambahkan konten video ke dalamnya. Untuk menampilkan konten seperti itu, Anda tentu membutuhkan pemutar video yang fleksibel.

Stellar Video Player , plugin WordPress premium yang tersedia di CodeCanyon, adalah salah satu pemutar video paling kuat dan dapat disesuaikan yang bisa Anda dapatkan di tahun 2019. Dibuat oleh penulis pemenang penghargaan Envato Creative Media , plugin ini mendukung berbagai format video, beberapa layanan hosting video populer, dan streaming langsung juga.

Dalam tutorial ini, saya akan menunjukkan cara menambahkannya ke situs WordPress Anda dan menampilkan berbagai jenis konten video dengannya.

Prasyarat

Untuk mengikuti, yang Anda butuhkan hanyalah:

  • WordPress 4.4.1 atau lebih tinggi
  • a CodeCanyon akun

1. Memasang Pemutar Video Stellar

The Stellar Video Player Plugin WordPress tersedia sebagai item premium di CodeCanyon.

Pemutar Video Bintang di CodeCanyon

Setelah Anda membeli lisensi untuk itu, Anda akan dapat mengunduhnya sebagai file ZIP, yang berisi kode sumber dan dokumentasinya.

Setelah mengekstrak file ZIP, Anda akan memiliki akses ke arsip plugin bernama Stellar-video-player.zip , yang dengannya Anda dapat menginstal plugin hanya dengan beberapa klik.

Mulailah dengan membuka panel admin situs WordPress Anda dan arahkan ke bagian Plugins > Add new  . Kemudian tekan tombol Unggah plugin  dan pilih arsip plugin.

Layar penginstalan plugin

Terakhir, tekan tombol Instal sekarang  untuk memulai instalasi.

Setelah instalasi berhasil, pastikan Anda mengklik  tautan Aktifkan yang ditunjukkan di bawah plugin untuk mengaktifkannya.

Pada titik ini, Anda dapat mulai menggunakan plugin.

2. Membuat Pemain Baru

Plugin Stellar Video Player memungkinkan Anda membuat beberapa pemutar video untuk situs WordPress Anda. Setiap pemain akan memiliki kode pendek uniknya sendiri, yang dapat Anda gunakan untuk menyematkannya di postingan atau halaman Anda.

Untuk membuat pemutar pertama Anda, buka Pengaturan > Pemutar Video Stellar  di panel admin.

Di halaman yang terbuka, tekan tombol Buat Pemain Baru  .

Layar manajemen pemain

Anda sekarang akan diminta untuk menentukan jenis video yang Anda inginkan untuk diputar oleh pemutar baru Anda. Stellar Video Player saat ini dapat memutar video yang dihosting sendiri, video dari YouTube, dan video dari Vimeo.

Untuk saat ini, mari buat pemutar yang dapat memutar file MP4 yang dapat Anda akses langsung. Jadi pilih opsi HTML5 (self-hosted)  dan tekan tombol Add Video  .

Layar pengaturan video

Di panel konfigurasi yang muncul, Anda harus mengarahkan pemutar ke video yang dihosting sendiri. Jangan ragu untuk menggunakan URL file MP4 apa pun yang ada di server WordPress Anda. Atau, Anda dapat menggunakan file MP4 yang Anda miliki di platform cloud seperti Google Drive, Amazon S3, dan Dropbox.

Perlu dicatat bahwa plugin Stellar Video Player memungkinkan Anda menentukan dua URL untuk video yang sama: satu untuk versi kualitas HD dan satu lagi untuk versi kualitas SD. Dengan menyediakan kedua versi, Anda dapat memastikan bahwa pengguna Anda memiliki pengalaman yang optimal bahkan ketika mereka menggunakan koneksi internet yang lambat.

Selanjutnya, Anda harus menambahkan judul dan deskripsi ke video Anda. Secara opsional, Anda bahkan dapat mengaitkan gambar mini dengannya.

Detail konfigurasi video yang dihosting sendiri

Biarkan sisa bidang tidak berubah dan tekan tombol Simpan perubahan  .

Jika Anda ingin menambahkan lebih banyak video ke pemutar yang sama, lanjutkan dan tekan tombol Tambah Video  lagi.

3. Menggunakan Pemutar

Sekarang setelah pemutar video pertama Anda siap, Anda dapat kembali ke dasbor plugin Stellar Video Player untuk melihat kode pendeknya.

Daftar pemain

Perhatikan bahwa plugin WordPress ini selalu menghasilkan shortcode yang mudah diingat berdasarkan ID pemain. Misalnya, jika ID pemutar Anda adalah 1, kode pendeknya adalah  [Stellar_video_player id="1"].

Untuk menambahkan pemutar ke pos mana pun di situs Anda, yang perlu Anda lakukan hanyalah mengetikkan kode pendek di lokasi yang diinginkan. Berikut tangkapan layar yang menunjukkan caranya:

Menambahkan kode pendek ke postingan

Setelah Anda memublikasikan pos dan mengunjunginya, Anda akan dapat melihat pemain baru Anda beraksi.

Pemutar video memutar video
Iklan

4. Menyesuaikan Pemain

Jika Anda tidak puas dengan tampilan pemutar video saat ini, Anda dapat menyesuaikannya dengan membuka  halaman Pengaturan pemutar , di mana Anda akan memiliki akses ke lusinan opsi konfigurasi. Misalnya, di bagian Opsi umum  , Anda dapat mengubah detail seperti rasio aspek pemutar, ukuran bilah kemajuannya, kontrol yang ditampilkan, dan dimensinya.

Bagian opsi umum

Namun, jika Anda ingin mengubah keseluruhan tema pemutar Anda, Anda harus membuka bagian Tata Letak & Desain  . Saat ini, plugin ini menawarkan dua tema lengkap: tema gelap dan tema terang. Pemain yang Anda buat di langkah sebelumnya, secara default, menggunakan tema gelap. Begini tampilannya jika Anda beralih ke tema ringan.

Pemutar video dengan tema ringan

Selain itu, di bagian yang sama, Anda dapat mengubah warna aksen yang digunakan pemain.

Di bagian Fungsionalitas  , Anda dapat mengonfigurasi perilaku pemutar Anda setelah selesai memutar video. Secara default, ia memutar video berikutnya dalam daftar putarnya.

Terakhir, jika Anda tidak ingin mengizinkan pengguna mengunduh video Anda dengan mudah, Anda dapat membuka  bagian pemutar HTML5 dan mengaktifkan opsi Sembunyikan sumber video  .

5. Menambahkan Iklan

Dengan plugin Stellar Video Player, memonetisasi video Anda sangat mudah karena memungkinkan Anda untuk menambahkan berbagai iklan ke dalamnya.

Plugin saat ini memungkinkan Anda untuk menambahkan iklan berikut ke salah satu video yang dihosting sendiri:

  • iklan video pra-putar, yang diputar sebelum video Anda dimulai
  • iklan video paruh-putar, yang ditayangkan selama video berdurasi panjang
  • iklan video pasca-putar, yang diputar setelah video
  • iklan gambar pop-up, yang dapat ditampilkan kapan saja selama video

Untuk menampilkan iklan ini, buka  bagian Setelan video pada pemutar Anda. Di sini, setiap jenis iklan memiliki tiga bidang formulir penting: tombol untuk mengaktifkan atau menonaktifkan iklan, bidang masukan tempat Anda dapat mengetikkan URL yang Anda inginkan agar pengguna diarahkan ketika mereka mengeklik iklan, dan bidang masukan di mana Anda dapat menentukan lokasi file MP4 iklan.

Setelan iklan pra-putar

Opsional, jika Anda ingin mengizinkan pengguna untuk melewatkan menonton iklan setelah beberapa detik, Anda dapat menggunakan bidang  Lewati timer (dtk)  .

Setelah mengisi kolom, selesaikan dengan menekan tombol Simpan perubahan  . Jika Anda kembali ke blog Anda sekarang, Anda akan melihat bahwa pemutar Anda memutar file MP4 iklan pada waktu yang tepat.

Pemain menampilkan iklan

6. Menyematkan Video YouTube

Pemutar yang Anda buat di langkah sebelumnya hanya dapat menangani video yang akses filenya langsung Anda miliki. Jika Anda ingin dapat menampilkan video YouTube atau Vimeo di blog Anda, Anda harus membuat jenis pemutar yang berbeda.

Untuk membuat pemutar terpisah untuk video YouTube, tekan tombol Buat Pemutar Baru  lagi di halaman pengelolaan pemutar. Kali ini, di bagian Pengaturan video  , pilih  opsi YouTube dan tekan tombol Tambah Video  .

Anda akan melihat bahwa Anda disajikan dengan bentuk konfigurasi yang sedikit berbeda sekarang. Dalam formulir ini, Anda menentukan video yang ingin Anda putar dengan mengetikkan ID YouTube uniknya. Selain itu, Anda dapat menentukan bagian video mana yang ingin Anda putar menggunakan bidang awal pada detik  dan akhir pada  bidang kedua .

Mengonfigurasi pemutar video YouTube

Opsi konfigurasi lainnya identik dengan pemain yang dihosting sendiri. Ini berarti Anda dapat menambahkan berbagai iklan, gambar mini khusus, dan judul khusus ke video.

Seperti biasa, kirimkan formulir dengan menekan tombol Simpan perubahan  .

Jika Anda menyematkan pemutar ini di postingan, tampilannya akan seperti ini:

Pemutar video menampilkan video YouTube

Jika Anda ingin pemutar ini memutar lebih dari satu video, Anda dapat kembali ke  halaman pengaturan Video dan menekan tombol Tambah Video  lagi. Namun, jika Anda ingin memutar banyak video YouTube, Anda dapat menghemat waktu dan tenaga dengan menggunakan jenis pemutar yang berbeda.

Plugin Stellar Video Player memungkinkan Anda untuk dengan mudah menyematkan seluruh daftar putar video YouTube, atau bahkan semua video dari saluran YouTube. Untuk membuat pemutar yang mendukung fitur ini, Anda harus memilih  opsi daftar putar YouTube atau  opsi saluran YouTube saat membuat pemutar Anda. Kemudian, yang perlu Anda lakukan hanyalah mengetikkan ID daftar putar atau ID saluran.

Membuat pemutar daftar putar
Iklan

7.  Menggunakan Lightbox

Plugin Stellar Video Player memungkinkan Anda memutar video di dalam jendela modal juga. Menggunakan fitur ini dapat menghasilkan pengalaman pengguna yang lebih baik karena menggelapkan sisa halaman dan memungkinkan pengguna untuk fokus hanya pada video.

Untuk mengaktifkan fitur ini, buka bagian Pengaturan pemain > Opsi kotak cahaya  dari setiap pemain yang telah Anda buat dan aktifkan opsi mode Kotak Cahaya . Setelah Anda melakukannya, pemutar video Anda akan terlihat seperti ini:

Pemutar video dengan lightbox

Kesimpulan

Dalam tutorial ini, Anda belajar bagaimana mengintegrasikan plugin Stellar Video Player WordPress dengan situs WordPress Anda. Anda juga belajar cara menampilkan video, daftar putar, dan iklan dengannya tanpa menulis satu baris kode pun.

Pemain yang Anda buat dengan plugin WordPress ini terlihat bagus di hampir semua browser modern, baik desktop maupun seluler. Mereka juga sangat ringan.

Untuk mempelajari lebih lanjut tentang plugin, lihat dokumentasi yang ada di file ZIP yang Anda unduh.

Jika Anda ingin mempelajari lebih lanjut tentang plugin pemutar video untuk WordPress, lihat beberapa posting kami yang lain di sini

Tinggalkan Balasan