Javascript 在固定高度的容器内对中响应视频

我必须在100%x400px的容器中嵌入一个视频

有没有办法通过video.js做到这一点？问题是视频必须垂直居中，不必要的顶部/底部部分应该由container div裁剪

此外，我想删除黑色视频区域时，我们调整浏览器窗口。我的意思是，视频应该拉伸100%的宽度

事实上，问题是：有可能吗

这里的代码示例（非常简单）：

---

您可以在视频标签上添加负边距

CSS:

---

你花了数小时进行调查，可能花了30秒写问题。请张贴代码，如果可能的话，一个提琴它如何帮助我删除黑色区域，以何种方式我可以得到一个负边缘值？

<div class="holder">
    <video id="example_video_1" class="video-js vjs-default-skin" width="100%" height="400" poster="http://video-js.zencoder.com/oceans-clip.jpg" data-setup="{}" controls>
          <source type="video/mp4" src="http://video-js.zencoder.com/oceans-clip.mp4">
    </video>
</div>

#example_video_1 {margin:-122px}