diff --git a/embed/min/skins/default.css b/embed/min/skins/default.css index faef5008..f0a8af49 100644 --- a/embed/min/skins/default.css +++ b/embed/min/skins/default.css @@ -64,6 +64,7 @@ svg.icon .spin,svg.icon.spin{animation:mistvideo-spin 1.5s infinite linear;trans .vjs-text-track-display{pointer-events:none} .mistvideo{line-height:1.2;font-size:14.5px} .mistvideo svg{margin:2.5px} +.mistvideo-video{display:flex;align-items:center;justify-content:center} .mistvideo-background{background-color:$background} .mistvideo-totalTime:before{content:'/';margin:.2em} .mistvideo-progress{padding:10px 0;margin:-10px 0;z-index:2} diff --git a/embed/min/skins/dev.css b/embed/min/skins/dev.css index 6f81d732..24b8c23d 100644 --- a/embed/min/skins/dev.css +++ b/embed/min/skins/dev.css @@ -64,6 +64,7 @@ svg.icon .spin,svg.icon.spin{animation:mistvideo-spin 1.5s infinite linear;trans .vjs-text-track-display{pointer-events:none} .mistvideo{line-height:1.2;font-size:14.5px} .mistvideo svg{margin:2.5px} +.mistvideo-video{display:flex;align-items:center;justify-content:center} .mistvideo-background{background-color:$background} .mistvideo-totalTime:before{content:'/';margin:.2em} .mistvideo-progress{padding:10px 0;margin:-10px 0;z-index:2} diff --git a/embed/skins/default.css b/embed/skins/default.css index 96066c04..f8d629ae 100644 --- a/embed/skins/default.css +++ b/embed/skins/default.css @@ -5,6 +5,11 @@ .mistvideo svg { margin: 2.5px; } +.mistvideo-video { /* keep video centered if container is larger (when fillSpace:true) */ + display: flex; + align-items: center; + justify-content: center; +} .mistvideo-background { background-color: $background; } .mistvideo-totalTime:before { content: '/';