Html iframe视频嵌入周围的黑匣子

我正在使用imgur提供的以下代码尝试为我的网站提供完整的背景gif

<iframe class="imgur-embed" width="100%" height="1080" frameborder="0" src="https://i.imgur.com/eePBC12.gifv#embed"></iframe>

以下是指向gif的链接：

问题是它会在背景的顶部和底部创建黑匣子。我只想要一个完整的背景gif：

---

我尝试过操纵图像的宽度/高度，但在使用iframe时，在黑匣子上找不到与我的问题类似的任何东西，因此我希望能得到帮助。

使用普通图像。GIFF文件不是真实图像，因此您必须使用.gif版本：

html {
    background-image: https://i.imgur.com/eePBC12.gif
}

---

谢谢，我还增加了背景尺寸：封面；