Javascript 删除视频html播放器中的音量控制

我想知道如何从HTML播放器中删除视频音量控制？ 如中所述，

controlslist

属性允许的值为

nodownload

、

nofullscreen

和

noremoteplayback

。因为我想在播放器外安装一个音量控制器

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

onVideoPlay（）}
onEnded={（）=>onVideoEnded（）}
控制
禁用图片输入图片
/>

---

有没有办法做到这一点？

一个简单的解决方案是使用css隐藏按钮：

video:：-webkit媒体控制音量滑块{
显示：无；
}
视频：：-webkit媒体控制静音按钮{
显示：无；
}

---

当您将鼠标悬停在卷幻灯片的可见占位符上时，仍然会出现此问题，它仅适用于webkit浏览器。mozila firefox不起作用，即