Javascript 使用多个视频导致一个视频不显示。可能的引导网格问题

我在我的网站上放置视频，在放置第二个视频时遇到问题，第二个视频位于另一个。在我的示例行中，您无法看到视频，我不知道如何将其链接到您可以看到的视频，而无需更改视频标签。我想可能是我对两个视频的填充造成了问题，这两个视频都覆盖了悬停时的颜色

<div class="col-md-3">
    <a href="http://codepen.io/ArnaudBalland/pen/ogoMvd">
      <div class="vidfill">
      </div>
      <video width="320" height="240" autoplay loop class="login">
        <source src="images/loginfade.mp4" type="video/mp4"> Your browser does not support the video tag.
      </video>
    </a>
  </div>