2011-03-10 80 views
0

我需要帶視頻這個簡單的頁面,但它必須是全尺寸的窗口,如何適應VIMEO <iframe> {最小高度:100%}不工作

<!doctype html> 
<html> 
<head> 
    <title>video</title> 
    <style type="text/css"> 
body{ 
     background:#000; 
     margin:0; 
     width:100%;height:100%; 
    } 
    iframe{min-height:650px;} 
    </style> 
</head> 
<body> 
    <iframe src="http://player.vimeo.com/video/20881205?title=0&amp;byline=0&amp;portrait=0&amp;color=aebdc2&amp;autoplay=1&amp;loop=1" width="1024" height="765" style="width:100%;height:100%;" frameborder="0"></iframe> 
</body> 
</html> 

我試圖喜歡的東西:

iframe{min-height:100%;height:100%;} 

但是,如果我不指定在px中不會做任何改變..任何想法爲什麼?

非常感謝!

可以預覽這裏,如果你想http://toniweb.us/video.html

回答

0

嗯....我檢查你的預覽和它似乎確定...鉻,反正。

我不明白爲什麼你指定在你的iframe寬度和高度,然後再次在其style屬性。嘗試刪除寬度和高度,並保持風格。