Fix Video size, now responsive

2019-06-25 21:00:42 +02:00 · 2019-06-25 21:00:42 +02:00 · bda3ddcf8a
parent 76dda0fc4f
commit bda3ddcf8a
1 changed files with 16 additions and 0 deletions
--- a/themes/Loopp/static/css/style.css
+++ b/themes/Loopp/static/css/style.css
@ -236,4 +236,20 @@ li.translations {

 .custom-wrapper.open {
    height: auto;
+}
+
+.iframe-container iframe {
+   border: 0;
+   height: 100%;
+   left: 0;
+   position: absolute;
+   top: 0;
+   width: 100%;
+}
+
+.iframe-container {
+  overflow: hidden;
+   /* Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625) */
+  padding-top: 56.25%;
+  position: relative;
 }