<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>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter