2012-06-13 93 views
0

我在開發中有一個簡單的東西滑塊構建。到目前爲止,一切都很好,除了當我嘗試在同一滑塊內的靜態圖像中放置視頻元素時。如何擺脫anythingslider視頻中的垂直滾動條?

有一個垂直滾動條只出現在視頻幻燈片中。任何建議如何擺脫這個?

在之前的一次嘗試中,我縮小了視頻的大小(與當前查看大小的一半相比,可以在下面的鏈接中查看),但滾動條仍然存在 - 其他所有內容都變小了。

感謝您的任何輸入。

鏈接: http://sitedev.lcadfiles.com/branding_rad.html

回答

0

我看到每個面板具有580x450設定高度,但真的當resizeContents選項false被忽略。該面板將調整大小以適應其內容。我看到視頻大小不符合預期的面板尺寸:

<video id="inslide" width="580" height="320" controls="" loop="" poster="../img/radians-bran.jpg" preload="auto" > 

所以最簡單的辦法是到resizeContents選項設置爲true OR,在CSS改變overflow-yhidden

#slider, #slider li { 
    width: 580px; 
    height: 450px; 
    list-style: none; 
    overflow-y: hidden; 
    overflow-x: hidden; 
} 

但這樣做會隱藏除第一張圖片以外的所有圖片,前提是用戶禁用了javascript。

+0

謝謝。與溢出-y到「隱藏」選項...調整視頻的大小造成了質量損失。如果用戶禁用JavaScript,他們不會按照預期看到我們的網站 - 不僅僅是在這種情況下。 – Todd