source: skins/glow/test/small.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>Small Player</title>
8    <link rel="stylesheet" href="assets/style.css" />
9
10</head>
11<body>
12
13<h2>Small Player</h2>
14
15<p id="player"></p>
16
17<script type="text/javascript">
18    function loadPlayer(html5) {
19        var options = {
20            levels: [{
21                file: 'http://content.bitsontherun.com/videos/bkaovAYt-52qL9xLP.mp4'
22            },{
23                file: 'http://content.bitsontherun.com/videos/bkaovAYt-27m5HpIu.webm'
24            }],
25            image: 'http://content.bitsontherun.com/thumbs/bkaovAYt-480.jpg',
26            height: 180,
27            skin: '../glow.zip',
28            width: 320
29        };
30        if(html5) {
31            options.modes = [{type: 'html5'}];
32        } else { 
33            options.modes = [{type:'flash',src:'assets/player.swf'}];
34        }
35        jwplayer("player").setup(options);
36    };
37</script>
38
39
40<p> Setup in <a href="javascript:loadPlayer(true)">HTML5 mode</a> or <a href="javascript:loadPlayer(false)">Flash mode</a></p>
41
42<ul>
43<li>Check if all elements fit this 320x180 player.</li>
44</ul>
45
46</body>
47</html>
Note: See TracBrowser for help on using the repository browser.