<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}<br>
                Size: {video.size -> f:format.bytes(decimals: 2)}
                <f:if condition="{video.properties.youtube}">
                    <br>
                    YouTube: <f:link.typolink parameter="https://www.youtube.com/watch?v={video.properties.youtube}" target="_blank">{video.properties.youtube}</f:link.typolink>
                </f:if>
            </p>
            <p>{video.description -> f:format.nl2br()}</p>
        </figcaption>
    </figure>
</html>