Youtube Video Still Playing When Bootstrap Modal Closes

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<a href="#" data-id="5Kp_1Vq6pRg" data-target="#myModalPrev" data-toggle="modal">Abrir Modal</a>


  <div class="modal fade" id="myModalPrev" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 id="myModalLabel" class="semi-bold">Visualizar <strong>Marca</strong>.</h4>
                </div>
                <hr>
                <div class="modal-body">
                    Modal Content
                </div>
                <hr>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn btn-primary"><i class="fa fa-times"></i> Fechar</button>               
                </div>
            </div>
        </div>
    </div>

JavaScript

// on preview show iframe
    $('#myModalPrev').on('show.bs.modal', function (e) {
      var idVideo = $(e.relatedTarget).data('id');
      $('#myModalPrev .modal-body').html('<iframe width="100%" height="400px" src="https://www.youtube.com/embed/' + idVideo + '?autoplay=true" frameborder="0" allowfullscreen></iframe>');
    });
    //on close remove
    $('#myModalPrev').on('hidden.bs.modal', function () {
       $('#myModalPrev .modal-body').empty();
    });

HTML