TFC/tfcconnection-zola
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

making pt-videos fit video aspect ratio

Browse source
This commit is contained in:
Chris Cochrun 2023-03-21 17:27:32 -05:00
parent be049e4536
commit d3c7dc699b
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
assets/css/compiled/main.css
View file

@ -1849,6 +1849,14 @@ select {
display: none; display: none;
} }
.aspect-auto {
aspect-ratio: auto;
}
.aspect-video {
aspect-ratio: 16 / 9;
}
.h-screen { .h-screen {
height: 100vh; height: 100vh;
} }

2
layouts/shortcodes/pt.html
View file

@ -4,5 +4,5 @@
{{- $height := .Get "height" | default "315" -}} {{- $height := .Get "height" | default "315" -}}
<div style="display: flex;"> <div style="display: flex;">
<iframe class="pt-vid" style="flex: auto;" width="{{ $width }}" height="{{ $height }}" sandbox="allow-same-origin allow-scripts allow-popups" src="{{ $vid }}?warningTitle=0" frameborder="0" allowfullscreen></iframe> <iframe class="pt-vid flex-auto aspect-video w-full" sandbox="allow-same-origin allow-scripts allow-popups" src="{{ $vid }}?warningTitle=0" frameborder="0" allowfullscreen></iframe>
</div> </div>