brand-assets/columbia/web/views/customLandingCarousel.html

<!-- IMPORTANT: landingCarousel uses asController: 'vm' in order to avoid scope inheritance issues related to primitives. -->
<uib-carousel id="mainCarousel" interval="10000" active="vm.currentSlide">
    <div class="no-gutter">
        <div class="carousel-inner">
            <uib-slide ng-repeat="imageModel in vm.carouselLandingImages" index="$index">
                <img ng-if="imageModel.image.type !== 'homeVideo'" class="img-responsive center-block" ng-src="{{vm.getImageForWearTests(imageModel.image.url, vm.mainLandingCarousel.width, vm.mainLandingCarousel.height)}}">
                <div class="embed-container" ng-if="imageModel.image.type === 'homeVideo'" ng-style="vm.vimeoContainerStyle">
                    <iframe ng-src="{{vm.getVimeoUrl(imageModel.image.url)}}" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen 
                        vimeo-slide api="imageModel.api" slide-loaded-callback="vm.playIfSlidesHaveLoaded"></iframe>
                </div>
            </uib-slide>
        </div>
    </div>
</uib-carousel>