Tutorial Menghilangkan Tombol Share dan Tonton Nanti (Controls) Video (Embed) Dari Youtube

Assalamualaikum wr.wb

Pada kesempatan kali ini mimin akan membagikan tutorial tentang menghilangkan tombol share dan tonton nanti pada video yang kita embed dari youtube. Kebetulan mimin pernah membuat projek e-learning dengan materi berbentuk video yang diembed dari youtube dan secara default embed video dari youtube menampilkan 2 button controls yaitu tonton nanti dan share link. Nah kalau ada button controls itu untuk apa dong ikutan pelatihan berbayar tapi link youtube-nya bisa di share?.

Untuk mengatasi masalah ini mimin akan membagikan 2 pilihan apakah mau berbayar atau yang free?

Jika teman-teman mau memakai yang berbayar mimin sarankan menggunakan VdoCipher teman-teman bisa menggunakan trial dengan vdochiper dengan durasi waktu 30 hari dan penyimpanan 5 GB (Saat artikel ini dibuat). Dan jika ingin menambah penyimpanan tentunya teman-teman harus membeli yang premiumnya, selebihnya teman-teman bisa cek soal harga di websitenya VdoCipher.

*Kurang lebih tampilan embed dari VdoChiper seperti ini, untuk cara pemasangannya sudah tersedia di websitenya.

Untuk yang free teman-teman bisa menggunakan Plyr.io dengan menggunakan plugin ini, kita bisa meng-embed video dari youtube dan vimeo. Pada artikel kali ini mimin hanya akan mengembed dari youtube saja.

Pertama pilih video dari youtube yang akan di embed, misalkan mimin akan memilih video ini.

Untuk mengembednya teman-teman tinggal copy saja id videonya.

CSS - <link rel="stylesheet" href="https://cdn.plyr.io/3.6.2/plyr.css" />

JS - <script src="https://cdn.plyr.io/3.6.2/plyr.polyfilled.js"></script>

<div id="player" data-plyr-provider="vimeo" data-plyr-embed-id="7EIdGbfXZY4"></div>

const player = new Plyr('#player');

*Paste-kan id youtube yang dicopy tadi.

* Kurang lebih tampilan dari Plyr seperti ini dan button controlsnya sekarang sudah hilang.

Gimana mudah bukan menghilangkan button share dari embed youtube? Mungkin untuk tutorial kali ini dicukupkan sekian semoga teman-teman dapat dengan mudah memahaminya. Jika ada yang kurang dipahami bisa tulis di kolom komentar pertanyaannya dan jika ada kesalahan silahkan beri komentar yang membangun dan kita akan mendiskusikannya bersama-sama.

Untuk tutorial lebih lengkapnya mengenai plugin Plyr teman-teman bisa kunjungi GitHub-nya.