Html 如何使此嵌入式视频100%宽？

我有下面一行两列的代码。在第一列中，我想显示一个来自Vimeo的嵌入式视频。我想要的是，视频将填补其列没有任何填充。这两列之间也应该没有空格

.video-iframe{
宽度：100%；
}
.传呼机{
背景色：#00000081；
}

课名

您可以使用此css技巧使其覆盖整个区域

。课程传呼机{
背景色：#00000081；
}
.视频{
位置：相对位置；
垫面：56.25%；
}
.视频iframe{
宽度：100%；
位置：绝对位置；
排名：0；
左：0；
身高：100%；
}

课名

由于您使用的是bootstrap-4，因此可以使用使其100%宽

.video-iframe{
宽度：100%；
}
.传呼机{
背景色：#00000081；
}

课名

尝试移除

容器

类将iframe属性替换为

width=“640”height=“360”