【问题标题】:Prevent right click in Safari browser防止在 Safari 浏览器中单击鼠标右键
【发布时间】:2021-09-10 18:12:24
【问题描述】:
  1. 我正在使用 Angular 10

  2. 我有 html 5 视频播放器和全屏模式,我想防止右键单击,

  3. 通过阻止右键单击我想阻止用户下载视频,使用右键单击,任何用户都可以下载任何视频

  4. 这是我的代码

    <video width="100%" controls controlsList="nodownload" oncontextmenu="return false" preload="auto" playsinline>
        <source src="url" type="video/mp4">
            {{'Your browser does not support HTML5 video.'| translate:utilService.lang}}
    </video>
    
  5. oncontectmenu 在 Safari 浏览器中无法在全屏模式下工作

那么,如何防止在带有 HTML 5 视频的 Safari 浏览器中右键单击

【问题讨论】:

    标签: angularjs safari contextmenu right-click


    【解决方案1】:

    尝试用 CSS 隐藏它而不是取消事件:

    video::-webkit-media-controls-enclosure {
      display: none !important;
    }
    

    【讨论】:

    • 它不起作用,我的意思是在全屏模式下,用户仍然可以右键单击并下载视频
    猜你喜欢
    • 1970-01-01
    • 2010-10-05
    • 2021-08-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多