Add video to case study page hero
Mon Jan 08 2024 15:35:57 GMT+0000 (Coordinated Universal Time)
Saved by
@codebeagle
#html
<div class="hero-video text-center">
<div class="video"><a data-docid="{{ YouTube ID }}" data-toggle="modal" data-modal-type="youtube" href="#mcui-modal"
aria-label="Watch the Video" class="js-cta">
<div class="img-wrapper">
<div class="play-button play-button-wrapper col-12 col-sm-12 col-md-4 col-lg-5 p-0 order-lg-2 order-1">
<span>Play</span>
<svg fill="none" viewBox="0 0 7 10" height="10" width="7" xmlns="http://www.w3.org/2000/svg"><path d="M7 5L0.25 9.33013L0.25 0.669872L7 5Z"></path></svg>
</div><img src="{{ video thumbnail URL }}" height="380" width="540" class="img-fluid" />
</div>
</a>
</div>
</div>
content_copyCOPY
Be sure to set the YouTube ID and video thumbnail URL indicated by handlebar syntax. Inject immediately after the last "hero-text" block and change parent class to "hero-wrpr"
Comments