我已经在 react js 站点中实现了 react 播放器,它运行良好我可以嵌入来自 Vimeo、youtube 和许多其他平台的视频。现在我需要在反应播放器中隐藏或禁用 youtube 视频的上下文菜单。我做了如下改变,
<ReactPlayer
url={videoLink}
controls={true}
pip={true}
className="player"
width="100%"
height="100%"
playing={true}
controls={true}
onContextMenu={(e) => e.preventDefault()}
config={{
youtube: {
playerVars: {
modestbranding: 1,
fs: 0,
},
},
}}
/>
添加onContextMenu={(e) => e.preventDefault()}后,我能够禁用上下文菜单,但我仍然可以访问 youtube 上下文菜单。那么我如何禁用反应播放器中的 youtube 上下文菜单。