Commit 4efc4b9c authored by Administrator's avatar Administrator
Browse files

fix stream css/js resources

parent a46dcb90
Pipeline #2130 passed with stages
in 3 minutes and 54 seconds
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<script src="{{ site.baseurl }}/assets/script.js" defer></script> <script src="{{ site.baseurl }}/assets/script.js" defer></script>
<link rel="stylesheet" type="text/css" href="https://gateway.radical-openness.org/css/stream.css"> <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/stream.css">
<script src="https://gateway.radical-openness.org/js/video.min.js"></script> <script src="{{ site.baseurl }}/assets/scripts/video.min.js"></script>
<script src="https://gateway.radical-openness.org/js/videojs-http-streaming.min.js"></script> <script src="{{ site.baseurl }}/assets/scripts/videojs-http-streaming.min.js"></script>
</head> </head>
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
.video-container * {
overflow: hidden;
animation: none !important;
-moz-animation: none !important; /* Firefox */
-webkit-animation: none !important; /* Safari and Chrome */
-o-animation: none !important; /* Opera */
}
#videoemboddy {
margin-top: 2.5%;
max-width: 67%;
animation: none;
-moz-animation: none; /* Firefox */
-webkit-animation: none; /* Safari and Chrome */
-o-animation: none; /* Opera */
}
@media only screen and (min-aspect-ratio: 12/10) {
#videoemboddy {
max-width: 67% !important;
}
}
@media only screen and (max-aspect-ratio: 12/10) {
#videoemboddy {
max-width: 99% !important;
}
}
#vid1{
position: relative !important;
width: 100% !important;
padding-bottom: 56.25%;
margin-bottom: -32%;
}
.embedvid {
padding-top: 56.25%; /* for 16:9 aspect-ratio -> (9/16)*100 */
margin-right: 0.6%;
margin-bottom: 6%;
position: relative;
}
.embedvid iframe {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 99%;
border: 0;
}
#CEST-time {
font-family: SpaceGroteskMedium, sans-serif;
text-align: right;
font-size: 1.25rem;
margin-right: 2.5%;
}
.video-time-container{
width: 66%;
line-height: 1.15;
padding-bottom: 20vh;
padding-left: 2.5%;
position: relative;
top: 10.5vh;
}
@media only screen and (min-aspect-ratio: 12/10) {
.video-time-container {
width: 66% !important;
}
}
@media only screen and (max-aspect-ratio: 12/10) {
.video-time-container {
width: 98% !important;
top: 9vh;
}
}
@media only screen and (min-aspect-ratio: 16/10) {
.secondary-time {
display: contents !important;
}
}
@media only screen and (max-aspect-ratio: 16/10) {
.secondary-time {
display: none !important;
}
}
@media only screen and (min-aspect-ratio: 12/10) {
.stream-feed-panel {
display: default !important;
}
}
@media only screen and (max-aspect-ratio: 12/10) {
.stream-feed-panel {
display: none; !important;
}
}
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment