A Video Component is used to embed and display videos on a webpage or app. It is commonly used for tutorials, promotional videos, product demos, testimonials, and background videos.

Variant-1 (Large Video)

Lorem Ipsum

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text

<div class="video-cntr-md">
  <div class="container">
    <div class="col col-md-8 col-sm-12 margin-auto">
      <h3 class="large-text-3">Lorem Ipsum</h3>
      <div class="video-intro para--two text--center"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </div>
      <div class="col-12 video-mar-top">
        <div class="col-12 justify-content-center d-flex flex-column video-thumbnail">
          <img src="./assets/component-images/program-card.svg" alt="video-thumbnail" class="video-thumbnail--img" />
          <a href="#">
            <div class="video-thumbnail--playicon bg-primary">
              <svg width="16" height="24" viewBox="0 0 18 26" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M16.7512 11.0798C17.9497 12.0793 17.9497 13.9203 16.7512 14.9198L5.07424 24.6578C3.44599 26.0155 0.972992 24.8578 0.972992 22.7378V3.26177C0.972992 1.14177 3.44599 -0.0159787 5.07424 1.34202L16.7512 11.0798Z" />
              </svg>
            </div>
          </a>
        </div>
      </div>
      <div class="video-outro disclaimer-txt">Lorem Ipsum is simply dummy text</div>
    </div>
  </div>
</div>