bootstrap 4 - 从左上角开始放置视频元素

Question

新手到bootstrap和css。我试图在行类中放置一个视频元素，并希望视频元素从行的左上角开始。也就是说，左侧和顶部没有任何边距。现在，我看到视频元素在中间垂直对齐，顶部有空格。

理想情况下，我希望行高与视频元素的行高相同。任何建议和指示都会有所帮助。

<div class="container">
    <div class="row" style="height: 100%;">
        <video id="video1" autoplay muted style="width:70%;border:2px;position: relative;top: 0%;"></video>
    </div>
</div>

Answer 1

试试这个html

＆＃13;

＆＃13;

#video1{background:green;}

＆＃13;

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
    <div class="row p-0" style="height: 100%;">
        <video id="video1" autoplay muted style="width:70%;border:2px;position: relative;top: 0%;"></video>
    </div>
</div>  

＆＃13;

＆＃13;

＆＃13;