Right click being disabled on AUDIO

Question

I have seen a method to disable right click, but I was wondering how do you disable it on HTML5 audio.

I have seen examples for disabling right click using a line of JS, but however it does not work on DOM.

JS:

document.addEventListener('contextaudio', event => event.preventDefault());

HTML:

   <audio controls controlslist="nodownload" name="media">
      <source
        src="test.mp3"
        type="audio/mp3"
      />
    </audio>

Possible duplicate of [Disable Right-Clicking In HTML5 Video?](https://stackoverflow.com/questions/22992645/disable-right-clicking-in-html5-video) — EGC, Oct 17 '19 at 22:45
No, I actually view that question before this one and the other question was not helpful. — Code..., Oct 23 '19 at 01:24

score 3 · Accepted Answer · answered Oct 17 '19 at 22:40

3

Just simply add oncontextmenu= "return false;" like this:

<audio oncontextmenu="return false;" controls controlslist="nodownload" name="media">
      <source src="cool.mp3" type="audio/mp3"/>
</audio>

answered Oct 17 '19 at 22:40

Ömürcan Cengiz

Wow, thanks! That code was right and worked on my website. – Code... Oct 17 '19 at 22:49
You're welcome! When the answer works, mark it as correct answer. – Ömürcan Cengiz Oct 17 '19 at 23:03

1 Answers1