如何解决删除视频HTML播放器中的音量控制
我想知道如何从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 />
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。