mirrors/redlib
1
0
Fork 0
mirror of https://github.com/redlib-org/redlib.git synced 2025-04-04 13:37:40 +03:00
Code Issues Projects Releases Packages Wiki Activity

Add styling, default option to highest

Browse source
This commit is contained in:
Matthew Esposito 2024-02-06 14:22:10 -05:00
parent e1ee95824b
commit e2a81c66e5
No known key found for this signature in database
2 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
static/playHLSVideo.js
View file

@ -72,11 +72,16 @@
function addQualitySelector(videoElement, hlsInstance, availableLevels) {
var qualitySelector = document.createElement('select');
qualitySelector.classList.add('quality-selector');
var last = availableLevels.length - 1;
availableLevels.forEach(function (level, index) {
var option = document.createElement('option');
option.value = index.toString();
var bitrate = (level.bitrate / 1_000).toFixed(0);
option.text = level.height + 'p (' + bitrate + ' kbps)';
if (index === last) {
option.selected = "selected";
}
qualitySelector.appendChild(option);
});
qualitySelector.selectedIndex = availableLevels.length - 1;

16
static/style.css
View file

@ -1714,3 +1714,19 @@ td, th {
justify-content: initial;
}
}
.quality-selector {
border: 2px var(--outside) solid;
margin-top: 8px;
float: right;
}
.quality-selector option {
background-color: var(--background);
color: var(--text);
}
.quality-selector option:hover {
background-color: var(--accent);
color: var(--text);
}