{% load i18n thumbnail util_tags %}

<div class="video reveal_container">
    <iframe class="video__frame" src="https://player.vimeo.com/video/{{ instance.vimeo_id }}?dnt=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>
    <a href="#" class="video__thumbnail reveal reveal_animation">
        <span class="video__play">
            {% include 'project/assets/play.svg' %}
            {% trans 'Video Abspielen' %}
        </span>
        {% thumbnail instance.thumbnail 1000x1000 box=instance.cropping crop detail as thumb %}
        <div class="video__thumbnail__image scroll" data-ease-multiplier="-2"
             style="background-image: url({{ thumb.url|media_bridge }})"></div>
    </a>
</div>