nnwhen/scritch-player
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix video container size issues

Browse source
This commit is contained in:
torcado194 2022-03-28 16:06:29 -04:00
parent 4762bbf7f7
commit 2f44d9dcba
1 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
index.html
View file

@ -119,15 +119,12 @@
/*** media column ***/ /*** media column ***/
#mediaColumn { #mediaColumn {
display: none; display: flex;
grid-row: 1/3; grid-row: 1/3;
grid-column: 2; grid-column: 2;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
} }
#mediaColumn.active {
display: flex;
}
#mainContainer.vertical #mediaColumn { #mainContainer.vertical #mediaColumn {
grid-row: 2; grid-row: 2;
grid-column: 1; grid-column: 1;
@ -752,6 +749,7 @@
mediaVideoEl.removeAttribute('controls'); mediaVideoEl.removeAttribute('controls');
} }
mediaContainerEl.style.maxWidth = theme.coverSize + 'px'; mediaContainerEl.style.maxWidth = theme.coverSize + 'px';
mediaContainerEl.style.maxHeight = theme.coverSize + 'px';
mediaColumnEl.style.maxWidth = theme.coverSize + 'px'; mediaColumnEl.style.maxWidth = theme.coverSize + 'px';
if(theme.customCSS !== undefined){ if(theme.customCSS !== undefined){
@ -765,10 +763,11 @@
function loadContent(data){ function loadContent(data){
if(data.cover){ if(data.cover){
mediaColumnEl.classList.add('active');
loadCover(data.cover); loadCover(data.cover);
} else { } else {
mediaColumnEl.classList.remove('active'); mediaImageEl.style.width = data.theme.coverSize + 'px';
mediaImageEl.style.height = data.theme.coverSize + 'px';
mediaImageEl.style.visibility = 'hidden';
} }
if(data.media) loadMedia(data.media); if(data.media) loadMedia(data.media);
} }