Videos

New

Example

HTML

<div class="pos-relative w-p60-lg">
    <video class="no-controls w-full border-radius-500" loop autoplay controls="false" muted playsinline >
        <source src="/videos/librariesprovider11/default-video-library/educational-webinars.mp4" type="video/mp4">
        </source>
        Your browser does not support HTML5 video.
    </video>
</div>
    

Example

HTML

<div>
    <div class="videoWrapper pos-relative w-p50">
        <video loop="" autoplay="" muted="" playsinline="" controls="false"
            class="custom-controls w-full of-cover border-radius-400">
            <source src="/videos/librariesprovider11/default-video-library/educational-webinars.mp4" type="video/mp4">
            </source>Your browser does not support HTML5 video.
        </video>
        <div class="pos-absolute top-0 left-0 w-full h-full zi-1">
            <button
                class="playPauseBtn flexbox pos-absolute bottom-500 right-500 translate-middle zi-2 opacity-0 transition-opacity duration-300 bg-grey-200--dt border-radius-rounded padding-y-200 padding-x-200"
                aria-label="Play or pause video">
                <span class="playPauseIcon material-symbols-outlined fill fs-1500-md fs-1500-lg color-grey-700--dt"
                    aria-hidden="true" style="height:initial;width:initial;">
                    pause
                </span>
            </button>
        </div>
    </div>
</div>