IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

FEATURE: Use full post width for Vimeo embeds (#17289)

Browse Source
This commit is contained in:
Rafael dos Santos Silva 2022-06-30 13:08:24 -03:00 committed by GitHub
parent 49905a4e6c
commit f130ec35d9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
app/assets/stylesheets/common/base/onebox.scss
View File

@ -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 { .video-container {
.notice { .notice {
background-color: var(--highlight-medium); background-color: var(--highlight-medium);

6
lib/onebox/engine/vimeo_onebox.rb
View File

@ -10,9 +10,6 @@ module Onebox
requires_iframe_origins "https://player.vimeo.com" requires_iframe_origins "https://player.vimeo.com"
always_https always_https
WIDTH ||= 640
HEIGHT ||= 360
def placeholder_html def placeholder_html
::Onebox::Helpers.video_placeholder_html ::Onebox::Helpers.video_placeholder_html
end end
@ -24,8 +21,7 @@ module Onebox
<<-HTML <<-HTML
<iframe <iframe
width="#{WIDTH}" class="vimeo-onebox"
height="#{HEIGHT}"
src="#{video_src}" src="#{video_src}"
data-original-href="#{link}" data-original-href="#{link}"
frameborder="0" frameborder="0"