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="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 class="credibility-tout__video-container credibility-tout__video-container--landscape">
                            <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",
  "videoPortrait": {
    "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"
  },
  "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.