Credibility Tout: Default Video

<div class="credibility-tout " data-module="credibilityTout"> <div class="grid-container credibility-tout__grid-container"> <div class="grid-x"> <div class="cell credibility-tout__cell"> <div class="credibility-tout__container "> <div class="credibility-tout__media-container credibility-tout__media-container--half-width"> <div class="credibility-tout__video-container"> <div class="video " data-module="video" data-autoplay="" data-hide-controls="true" data-loop="" data-muted=""> <template class="js-small-video-template"> <div class="js-video-container video__container"> <video class="video__player js-video-player" playsinline> </video> </div> </template> <template class="js-medium-video-template"> <div class="js-video-container video__container"> <video class="video__player js-video-player" playsinline> </video> </div> </template> <div class="js-video-container video__container"></div> </div> </div> </div> <div class="credibility-tout__content-container"> <q class="credibility-tout__quote">Dublin remains one of Europe’s down to earth and friendliest cities.</q> <cite class="credibility-tout__author">Lonely Planet Best in Travel 2022</cite> </div> </div> </div> </div> </div> </div>
<div class="credibility-tout {{#if paddingTop}}{{paddingTop}}{{/if}} {{#if paddingBottom}}{{paddingBottom}}{{/if}}" data-module="credibilityTout"> <div class="grid-container credibility-tout__grid-container"> <div class="grid-x"> <div class="cell credibility-tout__cell"> {{#if videoLandscape}} <div class="credibility-tout__container {{#if videoPortrait}}credibility-tout__container--video-portrait{{/if}}"> <div class="credibility-tout__media-container credibility-tout__media-container--half-width"> {{#if videoPortrait}} <div class="credibility-tout__video-container credibility-tout__video-container--portrait"> {{> @cp-medium-video videoPortrait}} </div> <div class="credibility-tout__video-container credibility-tout__video-container--landscape"> {{> @cp-medium-video videoLandscape}} </div> {{else}} <div class="credibility-tout__video-container"> {{> @cp-medium-video videoLandscape}} </div> {{/if}} </div> <div class="credibility-tout__content-container"> <q class="credibility-tout__quote">{{quote}}</q> <cite class="credibility-tout__author">{{author}}</cite> </div> </div> {{else}} <div class="credibility-tout__container credibility-tout__container--image"> <div class="credibility-tout__media-container {{#if imageOrientation}}credibility-tout__media-container--{{imageOrientation}}{{/if}}"> {{> @cp-medium-image image}} </div> <div class="credibility-tout__content-container"> <q class="credibility-tout__quote">{{quote}}</q> <cite class="credibility-tout__author">{{author}}</cite> </div> </div> {{/if}} </div> </div> </div> </div>
{ "quote": "Dublin remains one of Europe’s down to earth and friendliest cities.", "author": "Lonely Planet Best in Travel 2022", "videoLandscape": { "hideControls": true, "videoUrls": [ { "type": "video/webm", "url": "http://techslides.com/demos/sample-videos/small.webm" }, { "type": "video/mp4", "url": "http://techslides.com/demos/sample-videos/small.mp4" } ], "mobileVideoUrls": [ { "type": "video/mp4", "url": "http://techslides.com/demos/sample-videos/small.mp4" } ], "posterUrl": "https://via.placeholder.com/1600x900.png" } }

There are no notes for this item.