diff options
| author | tdro <tdro@noreply.example.com> | 2022-05-06 06:35:12 -0400 |
|---|---|---|
| committer | tdro <tdro@noreply.example.com> | 2022-05-06 06:35:12 -0400 |
| commit | 16c09dd5c34743f74319dd41746ec0fe7efb7260 (patch) | |
| tree | b25254895a4c5d49a927b8b335b25e0dce374189 | |
| parent | 483e4a9cb8030571697bb1790560e2d1dd6d5c10 (diff) | |
| download | canory-16c09dd5c34743f74319dd41746ec0fe7efb7260.tar.gz canory-16c09dd5c34743f74319dd41746ec0fe7efb7260.tar.bz2 canory-16c09dd5c34743f74319dd41746ec0fe7efb7260.zip | |
themes/default/layouts/shortcodes/youtube: Remove all styles
Set frame height.
| -rw-r--r-- | static/css/default.css | 9 | ||||
| -rw-r--r-- | themes/default/layouts/shortcodes/youtube.html | 13 |
2 files changed, 6 insertions, 16 deletions
diff --git a/static/css/default.css b/static/css/default.css index b259d7b..81fea52 100644 --- a/static/css/default.css +++ b/static/css/default.css @@ -1366,15 +1366,6 @@ 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 d257d0d..9af165d 100644 --- a/themes/default/layouts/shortcodes/youtube.html +++ b/themes/default/layouts/shortcodes/youtube.html @@ -15,13 +15,12 @@ {{- end -}} <youtube-video> - <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;" - allowfullscreen title="{{ $title }}"> - </iframe> - </div> + <iframe loading="lazy" + height="300" + sandbox="allow-scripts allow-same-origin" + src="https://{{ $url }}/embed/{{ $id }}{{ "?controls=1" }}{{ $start }}{{ $end }}{{ $muted }}" + allowfullscreen title="{{ $title }}"> + </iframe> <figcaption> {{ $title | markdownify }}: {{ print "[Link](https://www.youtube.com/watch?v=" $id ")" | markdownify }} |