video

// src/components/elements/video/video.twig

{% if skip_cookiebot_consent %}
  <div class="Video">
    <iframe
        class="Video-embed"
        title="{{ title }}"
        src="{{ url }}"
        allow="autoplay; fullscreen; picture-in-picture"
        allowfullscreen
    ></iframe>
  </div>
{% else %}
  <div class="Video">
    <iframe
      class="Video-embed"
      title="{{ title }}"
      data-cookieblock-src="{{ url }}"
      data-cookieconsent="marketing"
      allow="autoplay; fullscreen; picture-in-picture"
      allowfullscreen
    ></iframe>

    <div class="Video-fallback cookieconsent-optout-marketing">
      <button
        class="Video-fallbackButton"
        aria-label="{{ "Play video"|t }} {{ title }}"
        onclick="javascript:Cookiebot.renew()"
      >
        {% include "@elements/icon/icon.twig" with {
          name: "play",
        } only %}
      </button>

      <p class="Video-fallbackText">
        <strong>{{ title }}</strong><br>
        {{ "Please accept marketing cookies to play this video."|t }}
      </p>
    </div>
  </div>
{% endif %}