blob: ac80ee460686aaaf9dbb069973eb190ab91778cc [file] [log] [blame]
<!DOCTYPE html>
<script src="full-screen-test.js"></script>
<title>User-agent style sheet for video width/height</title>
<style>
video {
min-width: 50% !important;
max-width: 50% !important;
min-height: 50% !important;
max-height: 50% !important;
width: 50% !important;
height: 50% !important;
}
</style>
<video></video>
<script>
video = document.querySelector('video');
waitForEventAndEnd(document, 'webkitfullscreenchange', function()
{
computedStyle = getComputedStyle(video);
testExpected('computedStyle.minWidth', '0px');
testExpected('computedStyle.maxWidth', 'none');
testExpected('computedStyle.minHeight', '0px');
testExpected('computedStyle.maxHeight', 'none');
testExpected('computedStyle.width', window.innerWidth + 'px');
testExpected('computedStyle.height', window.innerHeight + 'px');
});
runWithKeyDown(function()
{
video.webkitRequestFullscreen();
});
</script>