Cornerstone

Looping Video

A full width autoplaying Vimeo video with a text overlay. 1800x600 is the ideal size for the video.

<div class="tcu-looping-video">
    <div class="tcu-looping-video__inner">
        <div class=" tcu-video">
            <div id="vimeo-https://player.vimeo.com/video/911004112" data-vimeo-id="https://player.vimeo.com/video/911004112" data-vimeo-responsive="true" data-vimeo-background="true" data-vimeo-width="1800" data-vimeo-height="600" data-vimeo-transparent="false">
            </div>
            <button aria-live="polite" class="_pause"><span aria-hidden="true">❚❚</span> Pause</button>
        </div>
        <div class="tcu-looping-video__content">
            <h2 class="h3">Welcome To Fort Worth, Texas</h2>
            <p>TCU's beautiful 302-acre campus is nestled in a vibrant city.</p>
            <div class="button-group">

                <a href="#" class="button ">
                    See Our Campus
                </a>
            </div>
        </div>
    </div>
</div>