Bootstrap video embed in modal error

I'm having difficulty embedding video from my site in modal, I put one of youtube and it worked but when I try to make mine in mp4 error.

I know the error is here

<div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="assets/videos/flyer02.mp4" allowfullscreen></iframe>
    </div> 

I've tried using the tags

<video controls>
  <source src="assets/videos/flyer02.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

And also did not load... I've uploaded the site to get better at understanding www.derlibatista.com.br , thanks for the help

<div class="portfolio-modal modal fade" id="modalflyersanimados" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="close-modal" data-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="modal-body">
                                    <!-- Project Details Go Here-->
                                    <h3 class="text-uppercase">Flyers Animados</h3>
                                    <p class="item-intro text-muted">Flyer com áudio e animação.</p>
                                   <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/v64KOxKVLVg" allowfullscreen></iframe>
</div> <br />
                                    <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="assets/videos/flyer02.mp4" allowfullscreen></iframe>
</div><br />