How to embed a video so that it is responsive?

Question

css

<div class="container">
            <div class="row">
                <div class="col-md-6">
                    <video playsinline="" autoplay="" muted="" loop="">
                        <source src="/video/promo.mp4" type="video/mp4">
                    </video>
                </div>
                <div class="col-md-6">
                    <h2>текст</h2>
                    <p>текст</p>
                </div>
            </div>
        </div>

The block is divided into 2 parts, but the video goes beyond the boundaries, how to make it clear in its block, and be like a 'rubber' on different extensions?

Answer 1

Look in the bootstrap documentation for the solution to your problem, since you are building on it.