Question

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

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

，

可在此处预览

Answer 1

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

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

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

1 个答案: