Question

我的页面中有一个嵌入式视频。我的问题是我的嵌入式视频大小很大。宽度很好。但是高度很大。如何控制视频的高度？

这是我的代码：

<div id="video-banner" class="embed-responsive embed-responsive-16by9">
    <video controls loop class="embed-responsive-item">
        <source src="public/videos/intramart.mp4" type=video/mp4>
    </video>
</div>

CSS

 // NO EFFECT
    #video-banner {
        height: 150px;
    }

Answer 1

只需在<video>标记中输入高度即可。您可以使用此指定嵌入视频的高度和宽度。做如下

<video width="320" height="240" controls loop class="embed-responsive-item">
    <source src="public/videos/intramart.mp4" type=video/mp4>
</video>

如何使用Bootstrap 3降低嵌入式视频高度？

1 个答案: