{# html #}

<div id="{{ id }}" class='video'>
    <iframe
        class='video__iframe'
        width='{{ videoWidth }}'
        height='{{ videoHeight }}'
        data-src="https://www.youtube-nocookie.com/embed/{{ videoId }}{{ parameterString }}"
        frameborder='0'
        allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture'
        allowfullscreen='allowfullscreen'></iframe>

    <div class='video__notice' style="width: {{ videoWidth }}px; height: {{ videoHeight }}px; background-image: url('https://i.ytimg.com/vi/{{ videoId }}/hqdefault.jpg');">
        <div style='color:{{ noticeForeground }}; background-color:{{ noticeBackground }};'>
            <form>
            <p>{{ notice | raw }}</p>
            <a class="{{ acceptLinkClass }}" onclick="return onConsent({{ id }})">{{ accept | raw }}</a>
            <a class="{{ acceptLinkClass }}" onclick="return onConsent()">{{ acceptAll | raw }}</a>
            </form>
        </div>
    </div>
</div>