forked from WebKit/WebKit-http
-
Notifications
You must be signed in to change notification settings - Fork 0
/
video-size-intrinsic-scale.html
87 lines (72 loc) · 2.71 KB
/
video-size-intrinsic-scale.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><video> element intrinsic size test</title>
<script src=video-test.js></script>
<script>
var movieInfo =
{
current:0,
movies:
[
{
url:"content/scaled-matrix.mov",
description:"saved with a non identity matrix",
width:640,
height:480
},
{
url:"content/720x576i-anamorphic.mov",
description:"encoded with PAL non-square pixels, clean aperture corrects pixel aspect ratio when displayed",
width:1024,
height:576
},
]
};
function testSize()
{
var movie = movieInfo.movies[movieInfo.current];
testExpected("video.videoWidth", movie.width);
testExpected("video.videoHeight", movie.height);
movieInfo.current++;
openNextMovie();
}
function openNextMovie()
{
consoleWrite("");
if (movieInfo.current >= movieInfo.movies.length)
{
endTest();
return;
}
var url = movieInfo.movies[movieInfo.current].url;
video.src = url;
var desc = "<b>Loading</b> <em>\""+ url + "\"</em>" +
". Movie " + movieInfo.movies[movieInfo.current].description + ".</em>";
consoleWrite(desc);
if (movieInfo.current > 0)
video.load();
}
function start()
{
findMediaElement();
waitForEvent("error");
waitForEvent("loadstart");
waitForEvent("waiting");
waitForEvent("ratechange");
waitForEvent("durationchange");
waitForEvent("pause");
waitForEvent("play");
waitForEvent("playing");
waitForEvent('loadedmetadata', testSize);
consoleWrite("<b>Test size before movie is open:</b>");
testExpected("video.videoWidth", 0, "==");
testExpected("video.videoHeight", 0, "==");
openNextMovie();
}
</script>
</head>
<body onload="start()">
<video controls></video>
</body>
</html>