two line?

This commit is contained in:
Manav Rathi
2025-03-27 10:33:45 +05:30
parent 4f0bee517e
commit 2d2696e4ee
2 changed files with 11 additions and 4 deletions

View File

@@ -217,15 +217,19 @@
flex-direction: column;
}
/* Hide the controls if they're not associated to a media-controller. */
media-control-bar:not([mediacontroller]) {
display: none;
}
media-loading-indicator {
/* Similar to the top bar loading indicator */
--media-icon-color: rgba(255 255 255 / 0.6);
/* Similar to the top bar loading indicator */
--media-icon-color: rgba(255 255 255 / 0.6);
}
/* Used as a spacer. */
media-text-display {
flex-grow: 1;
}
/*

View File

@@ -1173,10 +1173,13 @@ const hlsVideoControlsHTML = () => `
<media-control-bar>
<media-loading-indicator noautohide></media-loading-indicator>
</media-control-bar>
<media-control-bar>
<media-time-range></media-time-range>
</media-control-bar>
<media-control-bar>
<media-play-button></media-play-button>
<media-mute-button></media-mute-button>
<media-time-range></media-time-range>
<media-text-display></media-text-display>
<media-time-display showduration notoggle></media-time-display>
<media-pip-button></media-pip-button>
<media-airplay-button></media-airplay-button>