视频引导CSS HTML5顶部的黑线

视频引导CSS HTML5顶部的黑线,html,twitter-bootstrap,twitter-bootstrap-3,html5-video,Html,Twitter Bootstrap,Twitter Bootstrap 3,Html5 Video,我正在尝试创建一个带有引导css的网站。我想把一个视频放在网站的顶部,持续运行。问题是,无论我如何设计,视频顶部都有一个黑色条。视频的尺寸为640x480 下面是我的代码。谢谢你的帮助 .video container{ 边际上限:0px; 左边距:0px; 右边距:0px; 左侧填充:0px; 右边填充:0px; 宽度:100%!重要; 高度:自动!重要; /*背景颜色:灰色; 不透明度:0.6*/ } 我解决了,非常感谢您的支持。问题在于视频本身。当我将视频转换为不同格式时,添加了黑条。

我正在尝试创建一个带有引导css的网站。我想把一个视频放在网站的顶部,持续运行。问题是,无论我如何设计,视频顶部都有一个黑色条。视频的尺寸为640x480

下面是我的代码。谢谢你的帮助

.video container{
边际上限:0px;
左边距:0px;
右边距:0px;
左侧填充:0px;
右边填充:0px;
宽度:100%!重要;
高度:自动!重要;
/*背景颜色:灰色;
不透明度:0.6*/
}


我解决了,非常感谢您的支持。问题在于视频本身。当我将视频转换为不同格式时,添加了黑条。我直接用Adobe Premiere编辑了视频,解决了这个问题。

看看这篇非常有用的文章,我也不会使用
!重要信息
播放视频时,黑条是否位于视频顶部?另外,您使用的是什么版本的引导?