Как изменить элементы управления React Player во время воспроизведения файла mp4. Я хочу, чтобы опция загрузки была отключена

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%"
/>