Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-sizing/intrinsic-size-fallback-video.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>CSS Sizing Test: intrinsic contribution of videos with fallback size</title>
<link rel="author" title="Oriol Brufau" href="obrufau@igalia.com">
<meta name="assert" content="
These <video>s have no natural size nor natural aspect ratio,
but fall back to default size of 300x150 and ratio of 300/150.
Their intrinsic contributions should take these fallbacks into account.">
<style>
.wrapper {
float: left;
clear: both;
border: solid;
}
video {
background: cyan;
}
</style>
<div id="log"></div>
<div class="wrapper" data-expected-client-width="300">
<video></video>
</div>
<div class="wrapper" data-expected-client-width="200">
<video style="height: 100px"></video>
</div>
<div class="wrapper" data-expected-client-width="100">
<video style="max-height: 50px"></video>
</div>
<div class="wrapper" data-expected-client-width="400">
<video style="min-height: 200px"></video>
</div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/resources/check-layout-th.js"></script>
<script>
checkLayout(".wrapper");
</script>