Jquery 自动播放YouTube视频背景平铺

小提琴：
摆弄视频：

有没有库可以轻松地将背景youtube视频添加到div中

我找了又找，什么也找不到

基本上，我想播放一段YouTube视频，作为这个屏幕截图中的视频的背景

---

在你的模型中，视频有一个正常的16:9纵横比，所以这是我使用的，而不是你最初使用的正方形。以下是一些调整：

视频盒

<div class="ib box">
    <div class="responsive"><iframe src="https://www.youtube.com/embed/8nH-49PgKdw?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe></div>
</div>

---

你很可能会修改它来做你想要做的事情：为什么这个答案没有被选为正确答案？这正是迈克尔想要的答案。对不起，我一直在工作，没有时间在这里工作。谢谢你的帮助！

<div class="ib box">
    <div class="responsive"><iframe src="https://www.youtube.com/embed/8nH-49PgKdw?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe></div>
</div>

.canvas .box {
  display: inline-block;
  width: 25%;
  pointer-events: none;
}
.canvas .box .responsive {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.canvas .box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}