不带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的情况下编辑代码。

谢谢。