I'm working on a project that includes a video tag. users can full screen this video. I'm disabling the right click with the following code:
document.oncontextmenu = document.body.oncontextmenu = function () {
return false;
};
In full screen mode, right click is disabled on Chrome and Firefox but on Safari I still get the right click menu (in full screen mode). How can I solve this?
I also need to disable the controls on in full screen mode. The following code does it for Chrome and Firefox but not Safari. Any suggestions please?
video::-webkit-media-controls-enclosure {
display: none !important;
}
