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

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,
            }
        });

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

How to remove volume control on on player?

video.js