2013-03-06 69 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