如何在bootstrap中减少html视频播放器的大小

我使用bootstrap来提供响应式视频,但问题是我只有2种尺寸

class="embed-responsive embed-responsive-16by9"

和

class="embed-responsive embed-responsive-4by3"

这些真的很大.如果我尝试这个,我怎么能手动改变宽度和高度

视频重新调整大小但响应不起作用.请帮我 .

这是我的代码

我需要这样的

但是在添加样式宽度和高度后,我会这样

的响应嵌入类只设定纵横比(使用.embed-responsive-16by9了16×9的视频和.embed-responsive-4by3用于4×3的一个).它们将占据其包含块的宽度的100%.

为了给它们一个宽度,你只需要添加一个容器,例如.sizer,有一个容器width.

.sizer {
  width: 300px;
}