{{ video_count += 1 }}
{{ if video }}
    {{ if video | contains('?') }}
        {{ video += '&rel=0' }}
    {{ else }}
        {{ video += '?rel=0' }}
    {{ /if }}
{{ /if }}
{{ if embed_url }}
    {{ if embed_url | contains('?') }}
        {{ embed_url += '&rel=0' }}
    {{ else }}
        {{ embed_url += '?rel=0' }}
    {{ /if }}
{{ /if }}
<div
    class="relative z-0 flex w-full scroll-mt-28 justify-center pt-[56.25%] text-brand-black md:scroll-mt-32"
    id="video-{{ video_count }}"
>
    {{ if video | is_embeddable }}
        <iframe
            class="absolute top-0 left-0 z-20 h-full w-full"
            data-src="{{ video | embed_url }}"
            data-cookiescript="accepted"
            data-cookiecategory="targeting functionality"
            frameborder="0"
            allowfullscreen
        ></iframe>
    {{ else }}
        <video
            class="absolute top-0 left-0 z-20 h-full w-full"
            data-src="{{ video | embed_url }}"
            data-cookiescript="accepted"
            data-cookiecategory="functionality"
            controls
        ></video>
    {{ /if }}
    <div class="absolute top-0 flex h-full w-full items-center justify-center rounded-lg bg-brand-gray-light">
        <h4 class="w-2/3 text-center">Accept our cookie policy to enable embedded videos</h4>
    </div>
</div>