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

Revision 2140, 1.5 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>Plugin Support</title>
8    <link rel="stylesheet" href="assets/style.css" />
9
10</head>
11<body>
12
13<h2>Plugin Support</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            plugins: {
24                captions: {
25                    file: 'assets/captions.txt'
26                },
27                hd: {
28                    file: 'http://content.bitsontherun.com/videos/bkaovAYt-DZ7jSYgM.mp4'
29                },
30                related: {
31                    file: 'assets/related.xml'
32                },
33                sharing: {},
34            },
35            skin: '../glow.zip',
36            width: 480
37        };
38        if(html5) {
39            options.modes = [{type: 'html5'}];
40        } else { 
41            options.modes = [{type:'flash',src:'assets/player.swf'}];
42        }
43        jwplayer("player").setup(options);
44    };
45</script>
46
47
48<p> Setup in <a href="javascript:loadPlayer(true)">HTML5 mode</a> or <a href="javascript:loadPlayer(false)">Flash mode</a></p>
49
50<ul>
51<li>Check if the dock buttons look good.</li>
52<li>Check if the plugin styling reasonably fits the skin.</li>
53</ul>
54
55</body>
56</html>
Note: See TracBrowser for help on using the repository browser.