Bootstrap 4 - Add text and button over video

I am trying to get something like this. But it must use Bootstrap 4.

My current code looks like this:

<section class="banner embed-responsive-item">
    <video class="hidden-sm-down" autoplay="" loop="">
        <source src="http://www.example/home.webm" type="video/webm">
        <source src="http://www.example/home.mp4" type="video/mp4">
    </video>
    <div class="float-left">YOUR EXPERIENCE STARTS</div><br>
    <a class="btn btn-primary btn-lg" href="#" role="button">Enquire Now</a>
</section>

Sadly the output just puts the text and button at the end of the image instead of on top of it.