我的视频一点儿也不适合它的地方

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> 

而且CSS的部分是：

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

但是，当我玩它，它不适合它的地方，我有这样的结果：

问题的根源在哪里？如何解决这个问题？

Answer 1

我不完全理解你想要做什么，但我认为你想要移动它......？您可以使用margin-left:20px;或margin-right:20px;来移动视频。如果你想调整它的大小，你需要给我们视频的尺寸。如果你想测试这个，在chrome中点击ctrl + c并突出显示视频并将其悬停在视频上方和css live editor中的样式页面上，向下滚动并查找大小并更改值。