2013-06-03 46 views
1

我試圖嵌入這個VIRB頁面上this視頻:http://www.amytdatta.com(密碼:季馬)VIMEO全窗口大小嵌入

這是專輯預發佈,因此該網站的密碼,對不起!

盡我所能,我無法模仿vimeo視頻頁面的完整窗口縮放行爲。我嘗試過把min-width: 100%, min-height: 100%, max-height: 100%放到任何地方,但是我的嵌入式視頻比瀏覽器窗口高,並且不能像vimeo頁面那樣整齊地縮放。

有什麼建議嗎?

回答

0

問題在於你的CSS屬性。

如果你看看下面的代碼段(base.css,線208):

#main-content .content-editor .video-container { 
    height: 0; 
    overflow: hidden; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    position: relative; 
} 

你會看到,你有在底部藏漢作爲定義的位置填充。只需刪除這兩條線,看起來像這樣:

#main-content .content-editor .video-container { 
    height: 0; 
    overflow: hidden; 
    padding-top: 30px; 
} 

它看起來就像你想要的那樣。

+0

哎呦我試過,但現在事情已經有點瘋了! – Jiver

+0

你絕對相信你只是刪除了這兩行嗎?如果你看看下面的截圖,你可以看到它爲我做了什麼:[/ Amyt Datta](http://cdn.imghack.se/images/64a4d5571dd10eab008899ca4f5a6a8c.png) 你究竟是什麼意思?瘋了?「 :) –

+0

也許我會意外地改變其他的東西,因爲視頻的底部是從瀏覽器窗口的頂部邊緣下窺視!現在我已經重置了所有內容,並且只應用了覆蓋(不能使用Virb刪除CSS),並且我得到了以下結果:https://imageshack.us/a/img341/64/screenshot20130604at838.png我仍然需要向下滾動到看到視頻底部的播放欄,我仍然有下面的灰色區域。在vimeo嵌入直接鏈接:http://player.vimeo.com/video/6644712​​7無論窗口的大小是什麼,播放欄始終可見。視頻縮放比例。 – Jiver