<div class="module video video--shadow video--rounded">
    <div class="video__icon">
        <img src="/nto/assets/images/cms/watch-this.png" alt="">
    </div>
    <div class="video__wrapper">
        <a data-lg-size="1280-720" data-video='{"source": [{"src":"/nto/assets/video/placeholder.mp4", "type":"video/mp4"}], "attributes": {"preload": false, "playsinline": true, "controls": true}}'>
            <div class="video__responsive-wrapper">
                <video src="/nto/assets/video/placeholder.mp4" preload="none" autoplay muted loop playsinline="true">
                    <p>
                    To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video</p>
                </video>
                <button class="video__play-button">
                    <span>Still Confused? Let us explain</span>
                </button>
            </div>
        </a>
    </div>
</div>

{{ module("video", {
  "class": "video--shadow video--rounded",
  "src": "/assets/video/placeholder.mp4",
  "preload": "auto",
  "buttonText": "Still Confused? Let us explain",
  "icon": {
    "img": "/assets/images/cms/watch-this.png"
  }
}) }}