首页 > 解决方案 > 禁用右键单击 html5 音频元素

问题描述

有视频元素的方法,但我找不到音频元素的方法。这是我尝试过的。

audio {
    outline: none;
    display: block;
    background-color: transparent !important;
    -webkit-tap-highlight-color: transparent;
}
<audio class="audio" controls controlsList="nodownload">
            <source src="sound.mp3" type="audio/mpeg">
            Your browser does not support the audio element.
         </audio>
<script>
  $(document).bind('contextmenu', function(e) {
    e.preventDefault();
  });
</script>

任何想法如何阻止用户右键单击音频元素。此外,如果您有经验,任何关于如何有效勾勒音频元素的想法也将不胜感激。

标签: javascripthtmlcss

解决方案


当 JavaScript 不可用时,使用oncontextmenu="return false;"似乎可以工作。


推荐阅读