Menyembunyikan Youtube UI dengan Presto Player

Bagi kalian para pengguna website, sudah bukan barang asing kalau harus embed video. Pilihannya biasanya embed video dari Video Hosting, dari lokal hosting maupun Youtube/Vimeo. Dari ketiga itu yang paling sering digunakan adalah Youtube. Nah dalam penggunaannya terkadang ada kalanya kita agak kurang sreg dengan ditampilkannya pemilik video/youtube channelnya. Atau kasus lain karna biasanya penggunaan embed Youtube, saat di pause/selesai pemutaran videonya akan menampilkan recommended video. Siapa yang sama dengan saya, cung….

Ok, yuk kita test kita embed video dari Youtube ya. Yang lagi trending sekarang apa ya? oh, tragedi Kanjuruhan aja ya… yg lagi hot topiknya ni

Tragedi yg menyayat hati, semoga bisa menjadi pembelajaran persepakbolaan Indonesia supaya menjadi lebih baik. Semoga keluarga yg terkena musibah ini diberi ketabahan. Amin

Oke kita kembali ke topik ya… Nah diatas adalah contoh embed Youtube secara langsung. Coba kita cek sama2 ya:

• Di tengah ada tombol Play berupa logo Youtube
• Pojok kiri atas terlihat: Channel Youtubenya adalah Kompas TV
• Pojok kanan atas terlihat: Watch Latter & Share ciri khas milik Youtube
• Di bagian bawah, control player nya di sisi kanan ada logo Youtube
• Saat di Pause, maka akan muncul More Videos dimana video2 rekomendasi akan ditampilkan
• Untuk memulai harus klik Play dahulu

Nah sekarang saya pasang video yg sama, sumbernya sama dari link youtube punya Kompas TV juga. Tapi kali ini saya pakai Presto Player dan menggunakan Preset yang saya buat sendiri

 

Sekarang mari kita compare dengan embed Youtube pertama tadi:

• Display videonya tidak monoton berbentuk kotak, namun round corner. Coba cek deh…
• Pojok kiri atas sudah tidak ada Channel Youtube Kompas TV nya
• Pojok kanan atas sudah tidak ada Watch Latter & share
• Di bagian bawah, control player stylenya sudah berubah (warna bisa disesuaikan), logo Youtube sudah tidak ada
• Saat di Pause/pada akhir video, tidak muncul rekomendasi video yg dimunculkan
• Bisa dibuat auto play seperti sekarang untuk menarik perhatian. Bisa juga diatur play dalam kondisi mute seperti kondisi sekarang. Saat di klik di bagian video baru muncul audionya
• Sticky on scroll. Saat di scrol ke bawah, video ada di sisi kanan bawah (lokasi bisa di sesuaikan)
• Focus mode. Saat video diluar fokus, maka akan pause dan akan kembali play secara otomatis ketika video menjadi fokus utamanya. Saat halaman di scroll kebawah (karna sticky on scroll diaktifkan) maka video akan tetap jalan. Silahkan test dengan scroll keatas sampai videonya tidak terlihat
• Call to Action button. Bisa menampilkan button. Ada beberapa option yg bisa dipilih: dibawah video (ini yang saya gunakan sekarang), overlay di sisi atas video (pojok kiri/kanan) + dengan mengatur menit waktu penampilannya, overlay di full video + dengan mengatur menit waktu penampilannya.

Menarik bukan? Silahkan kunjungi sales page atau order via kami (Promo LIFETIME, selama kuota masih tersedia)