Hide Controls in Immersive Mode

This code helps ensure that the volume, pause, and skip controls don't appear in immersive mode unless you move the cursor over them, creating a more immersive experience.

Source Code (CSS)



.immersive-player .immersive-player-tab-controls,
.immersive-player div[class*="q-tabs"],
.immersive-player .immersive-action-buttons {
  opacity: 0 !important;
  transition: opacity 0.3s ease-in-out !important;
  pointer-events: none !important;
}



.immersive-player:hover .immersive-player-tab-controls,
.immersive-player:hover div[class*="q-tabs"],
.immersive-player:hover .immersive-action-buttons {
  opacity: 1 !important;
  pointer-events: auto !important;
}