HTML5 Video

<div class="row">
    <div class="col-lg-6 mb-1-9 mb-lg-0">
        <div class="pe-lg-5">

            <h2 class="font-weight-600">About Crizal</h2>

            <p class="mb-2"><span class="font-weight-600">“Pride of the business for over a hundred years”</span> for public & private clients with finances saving economy.</p>
            <p class="mb-3 mb-lg-4">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
            <div class="aboutus-text border-start mb-3 mb-lg-4">
                <i class="fas fa-quote-left ps-3 ps-lg-4 opacity2"></i>
                <p class="ps-3 ps-lg-4 mb-0">Exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.</p>
                <span class="ps-3 ps-lg-4 text-primary">Militon Wiafer, CEO</span>
            </div>
            <p class="mb-0">Perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="d-table h-100">
            <div class="d-table-cell align-middle">
                <video class="w-100 align-top" poster="video/vide-bg-img.jpg" autoplay="" loop="" muted="" controls="true">
                    <source src="video/bg-video.mp4" type="video/mp4">
                </video>
            </div>
        </div>
    </div>
</div>