Property Visual Video 

<div class="property-visual-video" data-module="propertyVisualModal">
    <div class="property-visual-video__col js-modal-open">
        <img src="" loading="lazy">
        <div class="property-visual-video__trigger">
            <svg xmlns="http://www.w3.org/2000/svg" width="126" height="126" viewBox="0 0 126 126" fill="none">
                <circle opacity="0.2" cx="63" cy="63" r="63" fill="#00B1E5" />
                <circle cx="63" cy="63" r="46" fill="#00B1E5" />
                <path d="M58.8275 53.8213C58.8275 52.9834 59.7962 52.517 60.4512 53.0397L71.7438 62.0509C72.2455 62.4512 72.2455 63.2138 71.7438 63.6141L60.4512 72.6253C59.7962 73.1479 58.8275 72.6816 58.8275 71.8437L58.8275 62.8325L58.8275 53.8213Z" stroke="white" stroke-width="2" />
            </svg>
        </div>
    </div>
    <div class="modal modal--video js-modal">
        <span class="modal__info modal__info--title">
            Video
            <i class="modal__info-icon modal__info-icon--title">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <rect x="3" y="5" width="18" height="14" stroke="white" />
                    <path d="M10.307 9.17783L14.9995 12L10.307 14.8221L10.307 9.17783Z" fill="white" />
                </svg>
            </i>
        </span>
        <button class="modal__info modal__info--close js-modal-close">
            Close
            <i class="modal__info-icon modal__info-icon--close">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M18.364 4.22168L19.7782 5.63589L5.63609 19.778L4.22188 18.3638L18.364 4.22168Z" fill="white" />
                    <path d="M19.7783 18.3643L18.3641 19.7785L4.22197 5.63633L5.63619 4.22212L19.7783 18.3643Z" fill="white" />
                </svg>
            </i>
        </button>
        <div class="js-modal-iframe">

            <div class="youtube-video">

                <div class="youtube-video__iframe-wrapper ">
                    <iframe class="youtube-video__iframe" loading="lazy" width="1600" height="900" src="" title="YouTube Video"></iframe>
                </div>

            </div>
        </div>
    </div>
</div>
 
<div class="property-visual-video" data-module="propertyVisualModal">
    <div class="property-visual-video__col js-modal-open">
        <img src="{{video.posterUrl}}" loading="lazy">
        <div class="property-visual-video__trigger">
            <svg xmlns="http://www.w3.org/2000/svg" width="126" height="126" viewBox="0 0 126 126" fill="none"><circle opacity="0.2" cx="63" cy="63" r="63" fill="#00B1E5"/><circle cx="63" cy="63" r="46" fill="#00B1E5"/><path d="M58.8275 53.8213C58.8275 52.9834 59.7962 52.517 60.4512 53.0397L71.7438 62.0509C72.2455 62.4512 72.2455 63.2138 71.7438 63.6141L60.4512 72.6253C59.7962 73.1479 58.8275 72.6816 58.8275 71.8437L58.8275 62.8325L58.8275 53.8213Z" stroke="white" stroke-width="2"/></svg>
        </div>
    </div>
    <div class="modal modal--video js-modal">
        <span class="modal__info modal__info--title">
            Video
            <i class="modal__info-icon modal__info-icon--title">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="3" y="5" width="18" height="14" stroke="white"/><path d="M10.307 9.17783L14.9995 12L10.307 14.8221L10.307 9.17783Z" fill="white"/></svg>
            </i>
        </span>
        <button class="modal__info modal__info--close js-modal-close">
            Close
            <i class="modal__info-icon modal__info-icon--close">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18.364 4.22168L19.7782 5.63589L5.63609 19.778L4.22188 18.3638L18.364 4.22168Z" fill="white"/><path d="M19.7783 18.3643L18.3641 19.7785L4.22197 5.63633L5.63619 4.22212L19.7783 18.3643Z" fill="white"/></svg>
            </i>
        </button>
        <div class="js-modal-iframe">
            {{> @youtube-video videoUrl=video.videoUrl firstInstance=video.firstInstance theme=video.theme}}
        </div>
    </div>
</div>
 
{
  "theme": "default",
  "firstInstance": true
}

No notes defined.