Ticket #1506: fullscreen.html

File fullscreen.html, 1.6 KB (added by jeroen, 19 months ago)

Fullscreen test page

Line 
1<html>
2<head>
3
4    <style>
5        body { padding: 50px 100px; font: 13px/20px Arial; background: #EEE; }
6        a , h1 { color: #369; }
7        h1 { font-size: 24px; }
8        pre { font-size: 12px; background: #E5F3C8; padding:5px 10px; border: 1px solid #D3EAA4; width: 620px; }
9        #container { -webkit-box-shadow: 0 0 5px #999; }
10    </style>
11    <script type="text/javascript" src="jwplayer.min.js"></script>
12    <title>Fullscreen Event</title>
13
14</head>
15<body>
16
17<h1>Fullscreen Event</h1>
18
19<div id="container"></div>
20<pre id="log">Event log:
21</pre>
22
23<script>
24    jwplayer("container").setup({
25        file: 'bunny.mp4',
26        flashplayer: 'player.swf',
27        height: 240,
28        width: 640
29    });
30    jwplayer().onFullscreen(function(event){
31        var log = document.getElementById("log");
32        log.innerHTML = log.innerHTML + 
33            'Fullscreen: '+ event.fullscreen + 
34            '('+typeof(event.fullscreen)+')\n';
35    });
36</script>
37
38<p>This page tests the onFullscreen event. Test in the following cases:</p>
39<ul>
40    <li>Flash on a desktop browser (real fullscreen)</li>
41    <li>HTML5 on a desktop browser (fake fullscreen)</li>
42    <li>HTML5 on desktop Safari, while the video is playing (real fullscreen)</li>
43    <li>iPad, while the video is playing (real fullscreen)</li>
44    <li>Flash on Android (real fullscreen)</li>
45</ul>
46
47<p>
48    In all cases, a single event needs to be fired when fullscreen is entered or exited.<br/>
49    The event needs to be of the <em>boolean</em> type.
50</p>
51
52
53</body>
54</html>