20 lines
884 B
HTML
20 lines
884 B
HTML
{{ $align := .Get "align" | default "center" }}
|
|
{{ $width := .Get "width" | default 560 }}
|
|
{{ $height := .Get "height" | default 315 }}
|
|
{{/* Calculate aspect ratio as a percentage. Convert to float for proper division. */}}
|
|
{{ $aspectRatio := mul (div (float $height) (float $width)) 100 }}
|
|
|
|
<div style="text-align: {{ $align }};">
|
|
<div class="video-container" style="position: relative; padding-bottom: {{ printf "%.2f" $aspectRatio }}%; height: 0; overflow: hidden; max-width: {{ $width }}px;">
|
|
<iframe
|
|
width="{{ $width }}"
|
|
height="{{ $height }}"
|
|
src="https://www.youtube.com/embed/{{ .Get 0 }}"
|
|
frameborder="0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
|
allowfullscreen
|
|
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
|
|
</iframe>
|
|
</div>
|
|
</div>
|