如何适应vimeo <iframe> {min-height:100%}无法正常工作</iframe>

时间:2011-03-10 18:20:01

标签: video iframe size screen

我需要这个带视频的简单页面,但它必须是全尺寸窗口,

<!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

可在此处预览

1 个答案:

答案 0 :(得分:0)

嗯....我检查了你的预览,看起来没问题......无论如何都是镀铬。

我真的不明白为什么你在你的iframe宽度和高度中指定,然后又在它的style属性中指定。尝试删除宽度和高度,并保持风格。