source: trunk/fl5/js/test/examples/index.html @ 1672

Revision 1672, 9.4 KB checked in by zach, 2 years ago (diff)
  • Multiple jwplayer.js files on a page no longer conflict with one another 1266
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3    <head>
4        <title>HTML5 Player Examples</title>
5        <style type="text/css">
6            body {
7                font-family: Arial, Verdana, sans-serif;
8                font-size: .8em;
9                padding-left: 1em;
10            }
11           
12            ul {
13                margin-left: 0;
14                padding: 1em;
15            }
16        </style>
17    </head>
18    <body>
19        <h1>Examples</h1>
20        <ul id="examples">
21        </ul>
22        <script type="text/javascript">
23            var list = document.getElementById("examples");
24            var examplePages = {
25                "Basic Tests": {
26                        "Page with no document type": "nodoctype.html",
27                        "Embedding": {
28                                "Object and embed tags": "objectembed.html",
29                                "Video tag embed": "videotag.html",
30                                "Multiple players": "multiple_players.html",
31                                "File paths": {
32                                        "No file specified": "nofile.html",
33                                        "Invalid file path specified": "badfile.html",
34                                                        "Unkown / no file extension": "noextension.html",
35                                        "Absolute file path": "filepathsabsolute.html",
36                                        "Root file path": "filepathsroot.html",
37                                        "Relative file path": "filepathsrelative.html"
38                                },
39                                                "Mode specific targetting": "modespecificconfig.html",
40                                                "Mode alias": "modealias.html",
41                                "Multiple jwplayer.js": "multiplejwplayerjs.html"
42                        },
43                        "Video codecs": {
44                                "Single MP4": "single_mp4.html",
45                                "Single OGV": "single_ogg.html",
46                                "YouTube": "youtube.html",
47                                "Multiple sources (MP4 and OGV)": "mp4_ogg.html",
48                                "Bitrate switching": "bitrateswitching.html",
49                                "RTMP": "rtmp.html"
50                        }
51                },
52                "Configuration Tests": {
53                                        "Width / Height": "heightwidth.html",
54                                        "Providers": "providers.html", 
55                        "Multiple players with various options": "multiple_customs.html",
56                                        "Components + positions": "components.html",
57                        "Skins": {
58                                "All Skins": "custom_skin.html",
59                                "Invalid skin path specified": "badskin.html",
60                                "Skin redirect": "testskin.html"
61                        },
62                        "Playlists": {
63                                "Progressive download": "playlist.html?type=progressive",
64                                "RTMP": "playlist.html?type=rtmp",
65                                "Mixed": "playlist.html?type=mixed",
66                                "XML Playlits": "xmlplaylists.html"
67                        },
68                        "Components": {
69                                "Controlbar": "controlbar.html",
70                                "Logo": "logo.html",
71                                "Dock": "dock.html"
72                        },
73                        "Plugins": {
74                                                "Plugin strings": "pluginstrings.html",
75                                                "Loading and Configuration" : {
76                                                        "Local": {
77                                                                "Absolute referenced": {
78                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Absolute Path - JavaScript", plugins:{"http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'),
79                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Absolute Path - Flash", plugins:{"http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
80                                                                },
81                                                                "Root referenced": {
82                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Root Path - JavaScript", plugins:{"/player/trunk/fl5/js/test/examples/plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'),
83                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Root Path - Flash", plugins:{"/player/trunk/fl5/js/test/examples/plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
84                                                                },
85                                                                "Relatively referenced": {
86                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Relative Path - JavaScript", plugins:{"plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'),
87                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Relative Path - Flash", plugins:{"plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
88                                                                },
89                                                                "Bad Path": {
90                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Bad Path - JavaScript", plugins:{"plugins/textplugin1.js":{text:"Plugin successfully loaded!"}}}'),
91                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Bad Path - Flash", plugins:{"http://developer.longtailvideo.com/player/trunk/fl5/js/test/examples/plugins/hd1.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
92                                                                },
93                                                                "Mixed Mode": {
94                                                                        "CDN": "plugins.html?"+escape('var config = {title:"Mixed Mode - CDN", plugins:{"plugins/hd-cdn.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}'),
95                                                                        "Absolute": "plugins.html?"+escape('var config = {title:"Mixed Mode - Absolute", plugins:{"plugins/hd-absolute.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}'),
96                                                                        "Root": "plugins.html?"+escape('var config = {title:"Mixed Mode - Root", plugins:{"plugins/hd-root.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}'),
97                                                                        "Relative": "plugins.html?"+escape('var config = {title:"Mixed Mode - Relative", plugins:{"plugins/hd-relative.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}'),
98                                                                        "Bad": "plugins.html?"+escape('var config = {title:"Mixed Mode - Bad", plugins:{"plugins/hd-bad.js":{text:"Plugin successfully loaded!", "file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
99                                                                },
100                                                                "Dock buttons" : {
101                                                                        "Flash": "docksetbutton.html?flash",
102                                                                        "Html5": "docksetbutton.html?html5"
103                                                                }
104                                                                //"Flash Only": "plugins/local/flash.html",
105                                                                //"Multiple plugins": "plugins/local/multiple.html",
106                                                                //"Versioning": "plugins/local/versioning.html"
107                                                        },
108                                                        "Hosted": {
109                                                                "JavaScript": "plugins.html?"+escape('var config = {title:"Absolute Path - JavaScript", plugins:{"textplugin":{text:"Plugin successfully loaded!"}}}'),
110                                                                "Flash":"plugins.html?"+escape('var config = {title:"Absolute Path - Flash", plugins:{"hd":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
111                                                        }
112                                                }
113                                        },
114                        "Stretching": "stretching.html",
115                        "Chromeless": "chromeless.html"
116                },
117                "API": {
118                        "Utilities": {
119                                "API": "api.html",
120                                "Event listeners": "listeners.html"
121                        },
122                        "Setup / remove": "setupandremove.html",
123                        "Unit Tests": {
124                                "Events (in setup block)": "apiunittesteventssetup.html",
125                                "Events (dynamic)": "apiunittesteventsdynamic.html",
126                                "Play": "apiunittestplay.html",
127                                "Pause": "apiunittestpause.html",
128                                "Mute": "apiunittestmute.html",
129                                "Fullscreen": "apiunittestfullscreen.html"
130                        },
131                        "Resize": "resize.html",
132                        "Load": "load.html"
133                },
134                "Common Libraries": {
135                        "Dojo": "libraries/dojo.html",
136                        "Ext Core": "libraries/ext-core.html",
137                        "jQuery": "libraries/jquery.html",
138                        "MooTools": "libraries/mootools.html",
139                        "Prototype": "libraries/prototype.html",
140                        "Scriptaculous": "libraries/scriptaculous.html",
141                        "SWFObject": "libraries/swfobject.html",
142                        "YUI": "libraries/yui.html"
143                },
144                "Player 5.4": {
145                        "Bugs": {
146                                "Social media": "socialmedia.html",
147                                "Loading HTML instead of a skin": "htmlskin.html",
148                                "Firefox bug": "ff3bug.html#",
149                                "FLV failover": "failover.html",
150                                "Video URLs with query strings": "extensions.html",
151                                "Skins: Controlbar without settings block": "testskin.html"
152                        },
153                        "Features": {
154                                "Apple (Cupertino) Streaming": "m3u8.html",
155                                "Netstream base path": "netstreambasepath.html",
156                                "Settable wmode": "wmode.html",
157                                "Download fallback": "downloadfallback.html"
158                        }
159                },
160                "Player 5.5": {
161                        "Bugs": {
162                                "Embed location": "embedlocation.html"
163                        }
164                }
165            };
166           
167            function createList(examples, parentDOM) {
168                for (var example in examples) {
169                        var listItem = document.createElement("li");
170                        if (typeof examples[example] == "object") {
171                                listItem.innerHTML = example;
172                                var newList = document.createElement("ul");
173                                listItem.appendChild(newList);
174                                createList(examples[example], newList);
175                        } else {
176                                var link = document.createElement("a");
177                                link.href = examples[example];
178                                link.innerHTML = example;
179                                listItem.appendChild(link);
180                        }
181                        parentDOM.appendChild(listItem);
182                }
183            }
184           
185           
186            createList(examplePages, list);
187        </script>
188    </body>
189</html>
Note: See TracBrowser for help on using the repository browser.