juick-www: fix video embed

1 files changed, 14 insertions, 0 deletions

diff --git a/juick-www/src/main/static/style.css b/juick-www/src/main/static/style.css
index 012282cf..05369c22 100644
--- a/juick-www/src/main/static/style.css
+++ b/juick-www/src/main/static/style.css
@@ -750,8 +750,22 @@ fieldset {
     margin-top: 25px;
 }
 .embedContainer {
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 30px;
+    height: 0;
+    overflow: hidden;
     text-align: center;
 }
+.embedContainer iframe,
+.embedContainer object,
+.embedContainer embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
 .embedContainer img {
     max-width: 100%;
 }