Блог

Мне интересно, как я могу удалить регулятор громкости видео из HTML-плеера? Как указано в API, допустимыми значениями controlslist атрибута являются nodownload , nofullscreen и noremoteplayback . И поскольку я хотел бы реализовать регулятор громкости звука вне проигрывателя.

     <video
      width="100%"
      src={mediaModel.url}
      onContextMenu={disableEvent}
      controlsList="nodownload"
      onPlay={() => onVideoPlay()}
      onEnded={() => onVideoEnded()}
      controls
      disablePictureInPicture
    />
  

Есть ли способ добиться этого?

Простое решение для этого — скрыть кнопку с помощью css:

 video::-webkit-media-controls-volume-slider {
  display: none;
}

video::-webkit-media-controls-mute-button {
  display: none;
}  

 <video width="100%" src='' controlsList="nodownload" controls disablePictureInPicture />