Вставить видео пропорции без iframe

Question

У меня есть следующий сценарий для автоматического воспроизведения видео YouTube, когда открыто окно модели.

<a data-toggle="modal" data-video="https://www.youtube.com/embed/UqLRqzTp6Rk" data-target="#videoModal" class="modal__trigger video"><i class="fa fa-play" aria-hidden="true"></i></a>

$(function() {
    $(".video").click(function () {
      var theModal = $(this).data("target"),
      videoSRC = $(this).attr("data-video"),
      videoSRCauto = videoSRC + "?modestbranding=1&rel=0&controls=0&showinfo=0&html5=1&autoplay=1";
      $(theModal + ' iframe').attr('src', videoSRCauto);
      $(theModal).on('click', function(){
        $(theModal + ' iframe').attr('src', videoSRC);
      });
    });
  });

К сожалению, соотношение сторон видео здесь 16: 9, и я хотел бы иметь видео безчерные рамки.

Пожалуйста, дайте мне знать, как я могу редактировать мой код, если я не использую iframe.

Заранее спасибо.