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.
Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametipsum dolor sit amet.
<div class="video-cntr-sm">
<div class="container">
<div class="col-12">
<div class="col-12 d-md-flex d-sm-block">
<div class="col-md-6 col-sm-12 justify-content-center d-md-flex flex-column video-thumbnail">
<img src="./assets/component-images/416*416px-faculty.svg" alt="video-thumbnail" class="video-thumbnail--img" />
<a href="#">
<div class="video-thumbnail--playicon bg-primary">
<svg width="18" height="26" 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 class="col-md-6 col-sm-12 justify-content-center d-md-flex flex-column video-content lp-colored--list">
<h3 class="large-text-3">Lorem Ipsum is simply dummy text</h3>
<p> Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametipsum dolor sit amet. </p>
<ul>
<li> Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametipsum dolor sit amet </li>
<li> Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametipsum dolor sit amet </li>
<li> Lorem ipsum dolor sit ametLorem ipsum dolor sit ametLorem ipsum dolor sit ametipsum dolor sit amet </li>
</ul>
<div class="video-outro disclaimer-txt">Lorem ipsum dolor sit ametLorem ipsum dolor sit </div>
</div>
</div>
</div>
</div>
</div>