<html xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
    data-namespace-typo3-fluid="true">
    <figure>
        <video controls {f:if(condition: video.properties.poster.publicUrl, then: 'poster="{video.properties.poster.publicUrl}"')}>
            <source src="{video.publicUrl}" type="video/mp4">
            <p>
                Sorry, your browser doesn't support embedded videos.<br>
                You can find the raw video file here: <a href="{video.publicUrl}">{video.publicUrl}</a>.
            </p>
        </video>
        <figcaption>
            <p>Video v{video.originalFile.uid}: {video.title}</p>
            <f:if condition="{video.properties.youtube}">
                <p>The Video is available on YouTube: <f:link.typolink parameter="https://www.youtube.com/watch?v={video.properties.youtube}" target="_blank">https://www.youtube.com/watch?v={video.properties.youtube}</f:link.typolink>.</p>
            </f:if>
            <p>{video.description -> f:format.nl2br()}</p>
        </figcaption>
    </figure>
</html>