From b247093495c3402dbe7c14e3faeff8475f4e277c Mon Sep 17 00:00:00 2001
From: Sam Potts <sam@potts.es>
Date: Fri, 12 Apr 2019 12:19:48 +1000
Subject: Aspect ratio improvements (fixes #1042, fixes #1366)

---
 src/sass/components/embed.scss | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

(limited to 'src/sass/components')

diff --git a/src/sass/components/embed.scss b/src/sass/components/embed.scss
index 25431caf..efbb4e03 100644
--- a/src/sass/components/embed.scss
+++ b/src/sass/components/embed.scss
@@ -6,20 +6,21 @@
 // Default to 16:9 ratio but this is set by JavaScript based on config
 $embed-padding: ((100 / 16) * 9);
 
-.plyr__video-embed {
+.plyr__video-embed,
+.plyr__video-wrapper--fixed-ratio {
     height: 0;
     padding-bottom: to-percentage($embed-padding);
-    position: relative;
+}
 
-    iframe {
-        border: 0;
-        height: 100%;
-        left: 0;
-        position: absolute;
-        top: 0;
-        user-select: none;
-        width: 100%;
-    }
+.plyr__video-embed iframe,
+.plyr__video-wrapper--fixed-ratio video {
+    border: 0;
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    user-select: none;
+    width: 100%;
 }
 
 // If the full custom UI is supported
-- 
cgit v1.2.3