Create and Add a Featured Video block


1. Create video block Rich Text Widget
2. Place the new video Rich Text Widget on the page in Panelizer and make sure you set visibility rules to only appear on the pages you intend for it to show up on (unless only adding to School Landing Page). Structure->Panelizer->School Landing Page->Content link on right side

To see the video, click here.

 

Sample code:

<div class="featured__video" style="padding: 20px;">
    <div class="wrap wrap--wide">
        <div class="featured__video__container">
        <script src="https://fast.wistia.com/embed/medias/eygj7qisyd.jsonp" async=""></script>
        <script src="https://fast.wistia.com/assets/external/E-v1.js" async=""></script>
            <div class="featured__video__image popup-video wistia_responsive_padding" style="position:relative;">
                <div class="wistia_embed wistia_async_eygj7qisyd videoFoam=true">&nbsp;</div>
            </div>
            <div class="featured__video__detail">
                <div class="featured__video__heading">
                    <div class="field field--name-field-ul-video-title field--type-text field--label-hidden">
                        <div class="field__items">
                            <div class="field__item even">GREAT MINDS THINK DIFFERENTLY</div>
                        </div>
                    </div>
                </div>
                <div class="featured__video__text">
                    <div class="field field--name-field-ul-video-teaser field--type-text-with-summary field--label-hidden">
                        <div class="field__items">
                            <div class="field__item even">
                            <p>Watch this short video to learn more about the Goldman Center.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>