2013-03-06 82 views
0

我必须嵌入视频里面容器100%×400像素响应中心与视频固定高度

有没有办法做到这一点通过的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> 
+0

你花了几个小时在进行调查时,可能需要30秒才能写出问题。请张贴代码,如果可能的话一个小提琴 – 2013-03-06 13:24:52

回答

0

您可以添加切缘阴性到您的视频标签

Fiddled here

CSS:

#example_video_1 {margin:-122px} 
+0

它如何帮助我消除黑色区域,并以哪种方式获得负边距的值? – 2013-03-06 15:02:17