在具有固定高度的容器内居中响应视频

Question

我必须在容器100％x 400px

中嵌入视频

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

另外，我想在调整浏览器窗口大小时删除黑色视频区域。我的意思是，视频应该以100％的宽度拉伸。

Actuall问题是：有可能吗？

此处的代码示例（非常简单）：http://jsfiddle.net/fNADc/1/

<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>

Answer 1

您可以为您的VIDEO标记添加负边距

Fiddled here

CSS：

#example_video_1 {margin:-122px}