source: skins/glow/test/basic.html @ 2140

Revision 2140, 1.2 KB checked in by jeroen, 2 years ago (diff)

added prev, next, volume to glow and cleaned up playlist

Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4
5    <meta charset="UTF-8">
6    <script type="text/javascript" src="assets/jwplayer.min.js"></script>
7    <title>Basic Setup</title>
8    <link rel="stylesheet" href="assets/style.css" />
9
10</head>
11<body>
12
13<h2>Basic Setup</h2>
14
15<p id="player"></p>
16
17<script type="text/javascript">
18    function loadPlayer(html5) {
19        var options = {
20            file: 'http://content.bitsontherun.com/videos/bkaovAYt-52qL9xLP.mp4',
21            height: 270,
22            image: 'http://content.bitsontherun.com/thumbs/bkaovAYt-480.jpg',
23            skin: '../glow.zip',
24            width: 480
25        };
26        if(html5) {
27            options.modes = [{type: 'html5'}];
28        } else { 
29            options.modes = [{type:'flash',src:'assets/player.swf'}];
30        }
31        jwplayer("player").setup(options);
32    };
33</script>
34
35
36<p> Setup in <a href="javascript:loadPlayer(true)">HTML5 mode</a> or <a href="javascript:loadPlayer(false)">Flash mode</a></p>
37
38<ul>
39<li>Check if the skin generally looks good and if the right buttons are shown.</li>
40<li>Roll over all buttons. Do they not result in <em>jumping</em> images?</li>
41<li>Check the buffering icon. Does it rotate smoothly?</li>
42</ul>
43
44</body>
45</html>
Note: See TracBrowser for help on using the repository browser.