HTML视频不适合它的位置

Question

在我的HTML代码中，我放了一个像这样的视频：

<div class="col-sm-6">
    <video id="video1" controls preload>
        <source src="media/interview.mp4" type="video/mp4">
    </video>
</div>
<script>
    // jQuery method
    $('video').mediaelementplayer();
</script>  
</body>

CSS部分是：

#video1
{
    width:100%;
    height: 100%;
}

但是，当我玩它时，它不适合它的位置，我有这样的结果：

Answer 1

我不完全明白你要做的是什么，但我想你想要移动它......？您可以使用margin-left:20px;或margin-right:20px;来移动视频。如果您想调整大小，则需要向我们提供视频的尺寸。如果你想测试一下，在chrome命中ctrl + c并突出显示视频并将鼠标悬停在视频上方和css实时编辑器的样式页面上，向下滚动并查找大小并更改值。