防止在 Safari 浏览器中单击鼠标右键
Posted
技术标签:
【中文标题】防止在 Safari 浏览器中单击鼠标右键【英文标题】：Prevent right click in Safari browser 【发布时间】：2021-09-10 18:12:24 【问题描述】：我正在使用 Angular 10
我有 html 5 视频播放器和全屏模式，我想防止右键单击，
通过阻止右键单击我想阻止用户下载视频，使用右键单击，任何用户都可以下载任何视频
这是我的代码
<video 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>
oncontectmenu 在 Safari 浏览器中无法在全屏模式下工作
那么，如何防止在带有 HTML 5 视频的 Safari 浏览器中右键单击
【问题讨论】：
【参考方案1】：尝试用 CSS 隐藏它而不是取消事件：
video::-webkit-media-controls-enclosure
display: none !important;
【讨论】：
它不起作用，我的意思是在全屏模式下，用户仍然可以右键单击并下载视频以上是关于防止在 Safari 浏览器中单击鼠标右键的主要内容，如果未能解决你的问题，请参考以下文章