Better videos => automatic resize

2020-11-26 13:41:33 +01:00
parent 4014e7841b
commit 5e68068c7f
1 changed files with 12 additions and 8 deletions
--- a/scss/partials/_video.scss
+++ b/scss/partials/_video.scss
@@ -1,13 +1,17 @@
-/* Center Youtube Videos */
-
-iframe {
-  display: block;
-  margin: auto;
-  max-width: 100%;
+// Youtube Videos
+div.yt {
+  position: relative;
+  padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */
+  iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
 }

-/* Video */
-
+// Other Videos
 video {
  max-width: 100%;
 }