reactjs - 如何在播放 mp4 文件时修改 React Player 的控件。我希望禁用下载选项

Question

我想从播放器中删除图像中标记圆圈的选项，以便无法下载视频

Answer 1

您可以添加controlsList="nodownload"到video元素，下载按钮将在 Chrome 中消失。

请记住，如果他们真的想要，人们仍然可以下载视频。另一个预防措施是禁用右键单击视频元素：

<ReactPlayer
  // Disable download button
  config={{ file: { attributes: { controlsList: 'nodownload' } } }}

  // Disable right click
  onContextMenu={e => e.preventDefault()}

  // Your props
  url="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
  className="react-player"
  controls
  width="100%"
  height="100%"
/>