{namespace media=Neos\Media\ViewHelpers}

<figure class="c-video-wrapper {marginTop}">
    <div class="c-video" data-video>
        <a class="c-video__link" href="{sourceUri}" data-video-trigger>
            <f:render section="previewImage" arguments="{_all}" />

            <svg class="c-video__icon c-icon">
                <use xlink:href="#play"></use>
            </svg>
        </a>
        <iframe class="c-video__iframe"
                data-video-iframe
                data-video-src="{embedUrl}"
                allowfullscreen>
        </iframe>
    </div>
    <f:if condition="{caption}">
        <figcaption>
            {caption -> f:spaceless()}
        </figcaption>
    </f:if>
</figure>


<f:section name="previewImage">
    <f:if condition="{previewImage}">
        <f:then>
            <media:image class="c-video__image"
                         image="{previewImage}"
                         alt="{previewImage.title}" />
        </f:then>
        <f:else>
            <img src="{fallbackPreviewImage}" class="c-video__image">
        </f:else>
    </f:if>
</f:section>