diff options
-rw-r--r-- | static/css/default.css | 9 | ||||
-rw-r--r-- | themes/default/layouts/shortcodes/youtube.html | 2 |
2 files changed, 10 insertions, 1 deletions
diff --git a/static/css/default.css b/static/css/default.css index 81fea52..b259d7b 100644 --- a/static/css/default.css +++ b/static/css/default.css @@ -1366,6 +1366,15 @@ twitter-tweet iframe { border: none; } +youtube-video div { + position: relative; + padding-bottom: 56.25%; + height: 0; + overflow: hidden; + min-height: 16rem; + border-radius: 0.5rem; +} + /* ----- Typography ----- */ h1, diff --git a/themes/default/layouts/shortcodes/youtube.html b/themes/default/layouts/shortcodes/youtube.html index 791e3da..d257d0d 100644 --- a/themes/default/layouts/shortcodes/youtube.html +++ b/themes/default/layouts/shortcodes/youtube.html @@ -15,7 +15,7 @@ {{- end -}} <youtube-video> - <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> + <div> <iframe loading="lazy" sandbox="allow-scripts allow-same-origin" src="https://{{ $url }}/embed/{{ $id }}{{ "?controls=1" }}{{ $start }}{{ $end }}{{ $muted }}" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" |