Question

我正在尝试使用bootstrap css创建一个网站。我想把视频放在不断运行的网站的顶部。问题是视频顶部有一个黑条，无论我如何设计它。视频尺寸为640x480。

以下是我的代码。谢谢你的帮助！

.video-container { 
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;
    width:100% !important;

    height:auto !important;
    /*background-color:grey;
    opacity:0.6;*/
}

<div class="embed-responsive embed-responsive-16by9 video-container" >
    <video autoplay loop class="embed-responsive-item" id="video" style="width:100%; height:auto !important;" poster="pics/movie_poster.jpg">
        <source src="mov/movie.mp4" type="video/mp4">
        <source src="mov/movie.mebm" type="video/webm">   
        <source src="mov/movie.ogv" type="video/ogg">   
    </video>
</div>

Answer 1

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

视频Bootstrap CSS HTML5顶部的黑线

1 个答案: