Javascript 如何从<；删除youtube嵌入视频的黑色边框；iframe>；？

我尝试使用

使youtube嵌入视频的左右黑色边框消失，但仍然没有消失，并尝试使用

loop=1进行循环，但也没有循环

我不介意视频本身脱离屏幕，最好是包含在无边框的屏幕内。我只想让视觉本身完全覆盖屏幕，让左右两边的黑色边框消失，同时也让它进入循环


我可能做错了什么

代码如下：


.nonClickingContainer{
宽度：100vw；
高度：100vh；
位置：相对位置；
}
.有线电视{
高度：计算（100vh+50px）；
宽度：100%；
}

点击此链接。如果您不明白，只需在iframe中添加一个ID，比如视频

<div className="nonClickingContainer">
   <iframe id="video" className="catVideo" width="100%" height="100%" src="https://www.youtube.com/embed/7WZPysRdP8A?autoplay=1&autohide=0&controls=0&modestbranding=1&rel=0&showinfo=0&disablekb=1&loop=1" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div>

并从css文件中删除这些css代码

.nonClickingContainer {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.catVideo {
  height: calc(100vh + 50px);
  width: 100%;
 }

抱歉，我忘了告诉您，如果您还没有调用jQuery，则需要调用它
 点击这个链接。如果您不明白，只需在iframe中添加一个ID，比如视频

<div className="nonClickingContainer">
   <iframe id="video" className="catVideo" width="100%" height="100%" src="https://www.youtube.com/embed/7WZPysRdP8A?autoplay=1&autohide=0&controls=0&modestbranding=1&rel=0&showinfo=0&disablekb=1&loop=1" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div>

并从css文件中删除这些css代码

.nonClickingContainer {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.catVideo {
  height: calc(100vh + 50px);
  width: 100%;
 }

抱歉，我忘了告诉您，如果您还没有调用jQuery，则需要调用它
 您屏幕的像素尺寸是多少？@JaromandaX抱歉，但我如何确定它？您可以查看此链接。@LyManeug-放大镜和耐心-或screen.availWidth screen.availHeight（javascript格式）。。。除非可用的纵横比与视频纵横比相同，否则很可能会得到某种类型的黑条ratio@JaromandaX对不起，我不安静，听不懂你说的话。你能举个例子吗？你的屏幕的像素尺寸是多少？@JaromandaX抱歉，但我如何确定它？你可以查看此链接。@LyManeug-放大镜和耐心-或screen.availWidth screen.availHeight（javascript）中的screen.availHeight。。。除非可用的纵横比与视频纵横比相同，否则很可能会得到某种类型的黑条ratio@JaromandaX对不起，我不安静，听不懂你说的话。你能举个例子吗？对不起，你说的添加删除是什么意思？你说的添加ID是什么意思？对不起，我想说删除你的css代码。在iframe标记中添加一个id名称，如下所示。在我们的例子中，我们添加了id名称视频，该视频用于调用iframe标记，我正在使用ReactJS。我应该在哪里包含JavaScript代码？我不熟悉reactjs。但您可以创建一个类似app.js的js文件，并将这些代码放在该文件中。我希望它能起作用。另外，请不要忘记在主html文件中调用该文件。但是，您所说的添加删除是什么意思？您所说的添加ID是什么意思？很抱歉，我想说删除您的css代码。在iframe标记中添加一个id名称，如下所示。在我们的例子中，我们添加了id名称视频，该视频用于调用iframe标记，我正在使用ReactJS。我应该在哪里包含JavaScript代码？我不熟悉reactjs。但您可以创建一个类似app.js的js文件，并将这些代码放在该文件中。我希望它能起作用。另外，不要忘记在主html文件中调用该文件