>
> i don't really understand. Are you constraining the height somewhere else ?
>
I believe not. But perhaps that is what I should do ?
>
> This works perfectly fine in my test:
> div { border: 2px solid red; max-width: 85%; }
> video { max-width: 100%; height: auto; width: 100%; }
>
> The video resizes and keeps its aspect ratio (no height is specified
> elsewhere - not using the width and height attribute on the html element)
>
> <div><video controls="controls">
> <source src="video.mp4" type="video/mp4">
> alt text
> </video></div>
>
On top of the video we have content.
At the bottom (the footer) we have content.
The video should stay on the middle of that.
The video should always be be, totally visible.
Here's a test case:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello User!</title>
<style type="text/css">
div#video-border { border: 2px solid red; }
video { max-width: 100%; height: auto; width: 100%; }
</style>
</head>
<body>
<div>
<div>
Im the navigation!! Wupii
</div>
<div>
<p>I'm more text, more things</p>
<p>I'm more text, more things</p>
</div>
<div id="video-border">
<video controls="controls">
<source src="http://video-js.zencoder.com/oceans-clip.webm";
type="video/webm" />
alt text
</video>
</div>
<div id="footer"><p>I'm the footer hello</p><p>I'm the footer yeah
again</p></div>
</body>
</html>
>
> Philippe
> --
Thanks for your reply, for such an ignorant question.
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
