From f130ec35d90625258f4e1095447b84bc3d1b8bb3 Mon Sep 17 00:00:00 2001
From: Rafael dos Santos Silva <xfalcox@gmail.com>
Date: Thu, 30 Jun 2022 13:08:24 -0300
Subject: [PATCH] FEATURE: Use full post width for Vimeo embeds (#17289)

---
 app/assets/stylesheets/common/base/onebox.scss | 13 +++++++++++++
 lib/onebox/engine/vimeo_onebox.rb              |  6 +-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index b40454cd470..aea4d7ce7dd 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -887,6 +887,19 @@ aside.onebox.mixcloud-preview {
   }
 }
 
+iframe.vimeo-onebox {
+  width: 100%;
+  height: auto;
+  aspect-ratio: 16/9;
+}
+
+@supports not (aspect-ratio: auto) {
+  iframe.vimeo-onebox {
+    width: 690px;
+    height: 388px;
+  }
+}
+
 .video-container {
   .notice {
     background-color: var(--highlight-medium);
diff --git a/lib/onebox/engine/vimeo_onebox.rb b/lib/onebox/engine/vimeo_onebox.rb
index 9c35fb98981..16ddb2589b0 100644
--- a/lib/onebox/engine/vimeo_onebox.rb
+++ b/lib/onebox/engine/vimeo_onebox.rb
@@ -10,9 +10,6 @@ module Onebox
       requires_iframe_origins "https://player.vimeo.com"
       always_https
 
-      WIDTH  ||= 640
-      HEIGHT ||= 360
-
       def placeholder_html
         ::Onebox::Helpers.video_placeholder_html
       end
@@ -24,8 +21,7 @@ module Onebox
 
         <<-HTML
           <iframe
-            width="#{WIDTH}"
-            height="#{HEIGHT}"
+            class="vimeo-onebox"
             src="#{video_src}"
             data-original-href="#{link}"
             frameborder="0"