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

Question

我必须在 100% x 400px 的容器中嵌入视频

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

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

其实问题是：有可能吗？

这里的代码示例（非常简单）：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 标签添加负边距

在这里摆弄

CSS：

#example_video_1 {margin:-122px}