|
|
|
@ -13,7 +13,7 @@ body{overflow:hidden;display:flex;flex-direction:column;background-color:var(--b |
|
|
|
|
body::before{ position: absolute; width: 100%; height: 100%; content: ""; z-index:-1; background: radial-gradient(circle at center,#1bd459 0,rgba(27,212,89,.88) 58%,rgba(21,235,92,.57) 80%,rgba(19,94,29,.27) 93%,rgba(10,23,12,0) 100%); opacity:.2;} |
|
|
|
|
body::after{ position: absolute; width: 100%; height: 100%; content: ""; z-index:-1; background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 50%,rgba(0,0,0,.2) 70%,rgba(0,0,0,.6)); background-size: 100% .3rem; opacity:.5;} |
|
|
|
|
.main{width:100%;height:100%;display:flex;align-items:center;max-height: calc(100vh - 100px);} |
|
|
|
|
#footer{margin-top:auto;padding:10px;width:100%} |
|
|
|
|
#footer{margin-top:auto;padding:10px;width:100%;margin-bottom:auto;} |
|
|
|
|
video{max-width:100%;max-height:100%;display:flex;margin:0 auto;} |
|
|
|
|
a,a:visited {color:unset;} |
|
|
|
|
@media only screen and (max-width:600px) { |
|
|
|
@ -58,11 +58,11 @@ window.HELP_IMPROVE_VIDEOJS = false; |
|
|
|
|
const player = videojs('video', { |
|
|
|
|
html5: { |
|
|
|
|
vhs: { |
|
|
|
|
experimentalBufferBasedABR: false |
|
|
|
|
experimentalBufferBasedABR: true, |
|
|
|
|
liveRangeSafeTimeDelta: 10, |
|
|
|
|
handlePartialData: true, |
|
|
|
|
allowSeeksWithinUnsafeLiveWindow: true, |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
liveui: true, |
|
|
|
|
autoplay: 'any', |
|
|
|
|