You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

58 lines
852 B
CSS

5 years ago
body {
margin: 0;
overflow: hidden;
background: black;
color: white;
}
#page {
5 years ago
position: absolute;
left: 0; right: 0; top: 0; bottom: 0;
display: flex;
flex-direction: column;
}
#video {
background: gray;
flex: 10 1 auto;
5 years ago
/*width: 480px;*/
/*height: 270px;*/
/* https://css-tricks.com/aspect-ratio-boxes/ */
/* height + padding-top = 16:9 */
/* flex: 1 1 auto;
*/ position: relative;
}
.ratio169{
height: 0;
padding-top: 56.25%;
}
5 years ago
#video .content {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
}
video {
width: 100%;
height: 100%;
}
#blabla {
/*width: 480px;*/
flex: 1 1 auto;
min-height: auto;
5 years ago
}
.video-js{
width: 100% !important;
height: 100% !important;
}
a {
color: #4F4;
text-decoration: none;
}
a:hover {
background: #4F4;
color: black;
}