防止在 Safari 浏览器中右键单击

问题描述

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 浏览器中右键单击

解决方法

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

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