<div class="video" data-module="video" data-autoplay="" data-hide-controls="" data-loop="" data-muted="">
    <template class="js-small-video-template">
        <div class="js-video-container video__container">
            <video controls playsinline class="video__player js-video-player">
            </video>
        </div>
    </template>
    <template class="js-medium-video-template">
        <div class="js-video-container video__container">
            <video controls playsinline class="video__player js-video-player">
            </video>
        </div>
    </template>
    <div class="js-video-container video__container"></div>
</div>
<div class="video" {{#unless doNotInitialise}}data-module="video"{{/unless}} data-autoplay="{{autoplay}}" data-hide-controls="{{hideControls}}" data-loop="{{loop}}" data-muted="{{muted}}">
    <template class="js-small-video-template">
        <div
            class="js-video-container video__container"
            {{#if video.mobileDashUrl}}
                data-dash-url="{{video.mobileDashUrl}}"
            {{else}}
                {{#if video.posterUrl}}
                    data-poster-url="{{video.posterUrl}}"
                {{/if}}
            {{/if}}>
            <video {{#if video.mobileDashUrl}}{{#if video.mobileHlsUrl}}src="{{video.mobileHlsUrl}}"{{/if}}{{/if}} {{#unless hideControls}}controls{{/unless}} playsinline {{#if autoplay}}autoplay muted{{else}}{{#if muted}}muted{{/if}}{{/if}} {{#if loop}}loop{{/if}} class="video__player js-video-player" {{#if video.mobileDashUrl}}{{#if video.posterUrl}}poster="{{video.posterUrl}}"
                {{/if}}{{/if}}>
                {{#unless video.mobileDashUrl}}
                    {{#if video.mobileVideoUrls}}
                    {{#each video.mobileVideoUrls}}
                    <source src="{{url}}" type="{{type}}" />
                    {{/each}}
                    {{/if}}
                {{/unless}}
            </video>
        </div>
    </template>
    <template class="js-medium-video-template">
        <div
            class="js-video-container video__container"
            {{#if video.dashUrl}}
                data-dash-url="{{video.dashUrl}}"
            {{else}}
                {{#if video.posterUrl}}
                    data-poster-url="{{video.posterUrl}}"
                {{/if}}
            {{/if}}>
            <video {{#if video.dashUrl}}{{#if video.hlsUrl}}src="{{video.hlsUrl}}"{{/if}}{{/if}} {{#unless hideControls}}controls{{/unless}} playsinline {{#if autoplay}}autoplay muted{{else}}{{#if muted}}muted{{/if}}{{/if}} {{#if loop}}loop{{/if}} class="video__player js-video-player" {{#if video.dashUrl}}{{#if video.posterUrl}}poster="{{video.posterUrl}}" {{/if}}{{/if}}>
                {{#unless video.dashUrl}}
                    {{#if video.videoUrls}}
                    {{#each video.videoUrls}}
                    <source src="{{url}}" type="{{type}}" />
                    {{/each}}
                    {{/if}}
                {{/unless}}
            </video>
        </div>
    </template>
    <div class="js-video-container video__container"></div>
    {{#if tags}}
    {{> @cp-hashtags tags }}
    {{/if}}
</div>
/* No context defined for this component. */

There are no notes for this item.