<!-- Remove the container if you want to extend the Footer to full width. -->

<div class="container my-5">

​

  <footer class="text-center text-white" style="background-color: #45637d;">

  <!-- Grid container -->

  <div class="container p-4">

    <!-- Section: Iframe -->

    <section class="">

      <div class="row d-flex justify-content-center">

        <div class="col-lg-6">

          <div class="ratio ratio-16x9">

            <iframe

              class="shadow-1-strong rounded"

              src="https://www.youtube.com/embed/vlDzYIIOYmM"

              title="YouTube video"

              allowfullscreen

            ></iframe>

          </div>

        </div>

      </div>

    </section>

    <!-- Section: Iframe -->

  </div>

  <!-- Grid container -->

​

  <!-- Copyright -->

  <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">

    © 2020 Copyright:

    <a class="text-white" href="https://mdbootstrap.com/">MDBootstrap.com</a>

  </div>

  <!-- Copyright -->

</footer>

</div>

<!-- End of .container -->

​

​