Cara Disable Right Click Video HTML5

Reviewed by Sutiono S.Kom., M.Kom., M.T.I

by Sutiono S.Kom., M.Kom ., M.T.I August 28, 2020

Cara paling sederhana untuk mencegah pencurian video di web yang dapat kita lakukan adalah dengan mencegah right click di halaman web.

Namun terkadang mendisable seluruh rightclick halaman atau bahkan web dapat menurunkan tingkat kenyamanan pengguna.

Solusi paling ampuh adalah dengan mendisable atau mengnonaktifkan right click pada video itu sendiri. Berikut adalah contoh code sederhana yang dapat anda tempatkan di html untuk mencegah video di download atau di right click.

<video oncontextmenu="return false;" id="my-video-player" width="854" height="480" controls  controlsList="nodownload">
  <source src="https://example.com/link-to-my-video.mp4" type="video/mp4">
</video>

<!-- controls  controlsList="nodownload" // fungsinya untuk mencegah video di download. -->

Anda dapat memodifikasi code controlslist dengan berbagai kebutuhan misalnya untuk

<video controls controlsList="nodownload nofullscreen noremoteplayback">

Potongan ini membuat video tidak bisa di download, tidak bisa di full screen dan playback.

Sutiono S.Kom., M.Kom ., M.T.I

Hi, i'm lecturer, technopreneur, investor, businessman, of course an IT Maniac. Have more than 12 years experience in as professional, and 10 years as technopreneur.