如何删除播放器上的音量控制？

Question

我想删除videojs播放器上的音量控制。 无论如何，当用户点击全屏时，必须再次出现体积控制。 所以我想只在播放器没有全屏时才删除音量控制。在videojs中可以吗？

Answer 1

video.js使用全屏等状态的样式，因此您可以使用CSS控制它：

.video-js .vjs-volume-menu-button {
  display:none;
}
.video-js.vjs-fullscreen .vjs-volume-menu-button {
  display:block;
}

Answer 2

const videoplayer = videojs('video-player', {
            controlBar: {
                'pictureInPictureToggle': false,
                'volumePanel': false,
            }
        });