|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
.video-container video { |
|
|
.video-container video { |
|
|
background-color: lightsteelblue; |
|
|
background-color: lightsteelblue; |
|
|
|
|
|
object-fit: cover; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
} |
|
|
} |
|
|
.video-container.square video { |
|
|
|
|
|
object-fit: cover; |
|
|
|
|
|
|
|
|
.video-container:not(.square) { |
|
|
|
|
|
width: unset !important; |
|
|
|
|
|
overflow: scroll; |
|
|
|
|
|
} |
|
|
|
|
|
.video-container:not(.square) video { |
|
|
|
|
|
object-fit: unset; |
|
|
|
|
|
height: unset; |
|
|
|
|
|
width: unset; |
|
|
} |
|
|
} |
|
|
.video-container.mirror video { |
|
|
.video-container.mirror video { |
|
|
transform: scaleX(-1); |
|
|
transform: scaleX(-1); |