Credibility Tout: Video Portrait On Mobile 

<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 credibility-tout__container--video-portrait">
                    <div class="credibility-tout__media-container credibility-tout__media-container--half-width">
                        <div class="credibility-tout__video-container credibility-tout__video-container--portrait">
                            <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" data-dash-url="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd" data-hls-url="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8">
                                        <video class="video__player js-video-player" controls playsinline>
                                            <source src="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8" type="application/x-mpegURL" />
                                            <source src="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd" type="application/dash+xml" />
                                        </video>
                                    </div>
                                </template>
                                <template class="js-medium-video-template">
                                    <div class="js-video-container video__container" data-dash-url="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd" data-hls-url="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8">
                                        <video class="video__player js-video-player" controls playsinline>
                                            <source src="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8" type="application/x-mpegURL" />
                                            <source src="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd" type="application/dash+xml" />
                                        </video>
                                    </div>
                                </template>
                                <div class="js-video-container video__container"></div>
                            </div>
                        </div>
                        <div class="credibility-tout__video-container credibility-tout__video-container--landscape">
                            <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" data-dash-url="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd" data-hls-url="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8">
                                        <video class="video__player js-video-player" controls playsinline>
                                            <source src="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8" type="application/x-mpegURL" />
                                            <source src="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd" type="application/dash+xml" />
                                        </video>
                                    </div>
                                </template>
                                <template class="js-medium-video-template">
                                    <div class="js-video-container video__container" data-dash-url="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd" data-hls-url="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8">
                                        <video class="video__player js-video-player" controls playsinline>
                                            <source src="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8" type="application/x-mpegURL" />
                                            <source src="https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd" type="application/dash+xml" />
                                        </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 video=videoPortrait}}
                                </div>
                                <div class="credibility-tout__video-container credibility-tout__video-container--landscape">
                                    {{> @cp-medium-video video=videoLandscape}}
                                </div>
                            {{else}}
                                <div class="credibility-tout__video-container">
                                    {{> @cp-medium-video 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",
  "videoPortrait": {
    "hideControls": true,
    "mobileDashUrl": "https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd",
    "dashUrl": "https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd",
    "hlsUrl": "https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8",
    "hlsVideoType": "application/x-mpegURL"
  },
  "videoLandscape": {
    "hideControls": true,
    "mobileDashUrl": "https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd",
    "dashUrl": "https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.mpd",
    "hlsUrl": "https://tiprod20storage.blob.core.windows.net/bitmovin/GALWAY-15-secs/manifest.m3u8",
    "hlsVideoType": "application/x-mpegURL"
  }
}

There are no notes for this item.