{{ $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>