|
|
@ -1,15 +1,14 @@
|
|
|
|
// Used to make the controls appear below the video player
|
|
|
|
|
|
|
|
media-player {
|
|
|
|
media-player {
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
media-provider,
|
|
|
|
|
|
|
|
media-captions,
|
|
|
|
|
|
|
|
video {
|
|
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
max-width: 100%;
|
|
|
|
max-height: 50vh;
|
|
|
|
max-height: 50vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// This level of specificity is required to override player CSS
|
|
|
|
|
|
|
|
#root > media-player > media-provider {
|
|
|
|
|
|
|
|
align-items: normal;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Used to make the controls appear below the video player
|
|
|
|
// Used to make the controls appear below the video player
|
|
|
|
media-player:not([data-fullscreen]) media-controls {
|
|
|
|
media-player:not([data-fullscreen]) media-controls {
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|