Disable right click on html5 video perfectly

Asked May 13 '16 at 06:48

Active May 13 '16 at 06:48

Viewed 3,494 times

Firstly, I never intend to prevent being download, but at least I'd like to disable context menu. I searched and found this post: Prevent HTML5 video from being downloaded (right-click saved)?

The simplest way is to add this:

<body oncontextmenu="return false;">

But it doesn't work with Safari while showing video in fullscreen.

So, how can I disable right click on a vidoe in Safari's fullscreen? Any answer will be greatly appreciated.

edited May 23 '17 at 11:44

Community

asked May 13 '16 at 06:48

ron

Have you tried video::-webkit-media-controls { display: none !important; } – Parag Bhayani May 13 '16 at 07:00
I can't test this, but would adding an event listener, then using `event.preventDefault()` work? – May 13 '16 at 15:29
@Parag Bhayani: If "video::-webkit-media-controls" is added, people even can't enter fullscreen. – ron May 16 '16 at 03:11
@JoeD I tried – ron May 16 '16 at 03:14
Refer to https://stackoverflow.com/questions/22992645/disable-right-clicking-in-html5-video/47625557#47625557 – Sergio Caretta Dec 21 '17 at 21:24

0 Answers0