javascripthtmlcssaudiohtml5-audio

Right click being disabled on AUDIO


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>

Solution

  • 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>