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

Revision 2032, 10.6 KB checked in by pablo, 18 months ago (diff)

Implements onBeforePlay event 1424

RevLine 
[1306]1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
[1298]2<html>
[2032]3<head>
4<title>HTML5 Player Examples</title>
5<style type="text/css">
6body {
7        font-family: Arial, Verdana, sans-serif;
8        font-size: .8em;
9        padding-left: 1em;
10}
11
12ul {
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">
[1457]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",
[1550]34                                                        "Unkown / no file extension": "noextension.html",
[1457]35                                        "Absolute file path": "filepathsabsolute.html",
36                                        "Root file path": "filepathsroot.html",
37                                        "Relative file path": "filepathsrelative.html"
[1541]38                                },
[1550]39                                                "Mode specific targetting": "modespecificconfig.html",
[1672]40                                                "Mode alias": "modealias.html",
41                                "Multiple jwplayer.js": "multiplejwplayerjs.html"
[1457]42                        },
43                        "Video codecs": {
44                                "Single MP4": "single_mp4.html",
[1858]45                                "Single OGV": "single_ogv.html",
[1457]46                                "YouTube": "youtube.html",
[1728]47                                "Multiple sources (MP4 and OGV)": "mp4_ogv.html",
[1492]48                                "Bitrate switching": "bitrateswitching.html",
49                                "RTMP": "rtmp.html"
[1737]50                        },
51                        "Audio codecs": {
52                                "Single MP3": "single_mp3.html",
53                                "Single OGG (Vorbis)": "single_ogg.html"
[1457]54                        }
55                },
56                "Configuration Tests": {
[1671]57                                        "Width / Height": "heightwidth.html",
[2024]58                                        "Autostart": "autostart.html",
[1492]59                                        "Providers": "providers.html", 
[1470]60                        "Multiple players with various options": "multiple_customs.html",
[1549]61                                        "Components + positions": "components.html",
[1457]62                        "Skins": {
63                                "All Skins": "custom_skin.html",
[1470]64                                "Invalid skin path specified": "badskin.html",
[1492]65                                "Skin redirect": "testskin.html"
[1457]66                        },
[1470]67                        "Playlists": {
[1492]68                                "Progressive download": "playlist.html?type=progressive",
[1681]69                                "Progressive video + audio": "playlist.html?type=audio",
[1492]70                                "RTMP": "playlist.html?type=rtmp",
71                                "Mixed": "playlist.html?type=mixed",
[1833]72                                "XML Playlist": "xmlplaylists.html"
[1492]73                        },
[1457]74                        "Components": {
75                                "Controlbar": "controlbar.html",
[1625]76                                "Logo": "logo.html",
[1766]77                                "Dock": "dock.html",
[1831]78                                "Playlist": {
79                            "Playlist Component": "playlistcomponent.html",
80                            "Playlist with iScroll (iOS Only)": "playlistiscroll.html"
81                          }
[1457]82                        },
[1537]83                        "Plugins": {
[1633]84                                                "Plugin strings": "pluginstrings.html",
[1537]85                                                "Loading and Configuration" : {
86                                                        "Local": {
87                                                                "Absolute referenced": {
[1859]88                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Absolute Path - JavaScript", plugins:{"http://playertest.longtailvideo.com/plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'),
89                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Absolute Path - Flash", plugins:{"http://playertest.longtailvideo.com/plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
[1537]90                                                                },
91                                                                "Root referenced": {
[1581]92                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Root Path - JavaScript", plugins:{"/player/trunk/fl5/js/test/examples/plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'),
93                                                                        "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"}}}')
[1537]94                                                                },
95                                                                "Relatively referenced": {
96                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Relative Path - JavaScript", plugins:{"plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'),
97                                                                        "Flash":"plugins.html?"+escape('var config = {title:"Relative Path - Flash", plugins:{"plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
98                                                                },
99                                                                "Bad Path": {
[1625]100                                                                        "JavaScript": "plugins.html?"+escape('var config = {title:"Bad Path - JavaScript", plugins:{"plugins/textplugin1.js":{text:"Plugin successfully loaded!"}}}'),
[1566]101                                                                        "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"}}}')
[1537]102                                                                },
103                                                                "Mixed Mode": {
104                                                                        "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"}}}'),
105                                                                        "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"}}}'),
106                                                                        "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"}}}'),
107                                                                        "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"}}}'),
108                                                                        "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"}}}')
109                                                                },
[1579]110                                                                "Dock buttons" : {
111                                                                        "Flash": "docksetbutton.html?flash",
112                                                                        "Html5": "docksetbutton.html?html5"
113                                                                }
114                                                                //"Flash Only": "plugins/local/flash.html",
115                                                                //"Multiple plugins": "plugins/local/multiple.html",
116                                                                //"Versioning": "plugins/local/versioning.html"
[1537]117                                                        },
118                                                        "Hosted": {
119                                                                "JavaScript": "plugins.html?"+escape('var config = {title:"Absolute Path - JavaScript", plugins:{"textplugin":{text:"Plugin successfully loaded!"}}}'),
120                                                                "Flash":"plugins.html?"+escape('var config = {title:"Absolute Path - Flash", plugins:{"hd":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}')
121                                                        }
122                                                }
123                                        },
[1492]124                        "Stretching": "stretching.html",
[1457]125                        "Chromeless": "chromeless.html"
126                },
127                "API": {
128                        "Utilities": {
129                                "API": "api.html",
130                                "Event listeners": "listeners.html"
131                        },
132                        "Setup / remove": "setupandremove.html",
133                        "Unit Tests": {
[1566]134                                "Events (in setup block)": "apiunittesteventssetup.html",
135                                "Events (dynamic)": "apiunittesteventsdynamic.html",
[1457]136                                "Play": "apiunittestplay.html",
137                                "Pause": "apiunittestpause.html",
138                                "Mute": "apiunittestmute.html",
139                                "Fullscreen": "apiunittestfullscreen.html"
140                        },
141                        "Resize": "resize.html",
142                        "Load": "load.html"
143                },
144                "Common Libraries": {
145                        "Dojo": "libraries/dojo.html",
146                        "Ext Core": "libraries/ext-core.html",
147                        "jQuery": "libraries/jquery.html",
148                        "MooTools": "libraries/mootools.html",
149                        "Prototype": "libraries/prototype.html",
150                        "Scriptaculous": "libraries/scriptaculous.html",
151                        "SWFObject": "libraries/swfobject.html",
152                        "YUI": "libraries/yui.html"
153                },
154                "Player 5.4": {
155                        "Bugs": {
156                                "Social media": "socialmedia.html",
157                                "Loading HTML instead of a skin": "htmlskin.html",
[1492]158                                "Firefox bug": "ff3bug.html#",
[1457]159                                "FLV failover": "failover.html",
[1470]160                                "Video URLs with query strings": "extensions.html",
[1492]161                                "Skins: Controlbar without settings block": "testskin.html"
[1457]162                        },
163                        "Features": {
164                                "Apple (Cupertino) Streaming": "m3u8.html",
165                                "Netstream base path": "netstreambasepath.html",
166                                "Settable wmode": "wmode.html",
167                                "Download fallback": "downloadfallback.html"
168                        }
[1558]169                },
170                "Player 5.5": {
171                        "Bugs": {
172                                "Embed location": "embedlocation.html"
173                        }
[1712]174                },
175                "Player 5.6": {
176                        "Bugs": {
177                                "Switching HTTP mediaprovider": "switchhttp.html",
[1743]178                                "Mixed plugin locations": "mixedpluginlocations.html",
[1768]179                                                "HTTP Startparam" : "configdeserializer.html",
180                                                "Versioned JS Plugins" : "versionedplugins.html"
[1712]181                        },
182                        "Features": {
[1766]183                            "Enchanced tabbing capabilities": "tabbing.html",
[1831]184                                    "Display.showmute": "showmute.html"
[1712]185                        }
[1831]186                },
[2032]187                        "Player 5.7": {
[1831]188                        "Bugs": {
189                        },
190                        "Features": {
[1843]191                                "image.duration": "imageduration.html",
192                                "Show and Hide events": "showhide.html"
[2032]193                        }
194                },
195                "Player 5.8": {
[1999]196                        "Bugs": {
197                          "100% Height / Width (parent is &lt;body&gt;)": "hundredpercent.html"
198                        },
[2032]199                },
200                        "Player 5.9": {
201                        "Features": {
202                                "onBeforePlay Event": "onbeforeplay.html"
203                        }
204                }
[1457]205            };
206           
207            function createList(examples, parentDOM) {
208                for (var example in examples) {
209                        var listItem = document.createElement("li");
210                        if (typeof examples[example] == "object") {
211                                listItem.innerHTML = example;
212                                var newList = document.createElement("ul");
213                                listItem.appendChild(newList);
214                                createList(examples[example], newList);
215                        } else {
216                                var link = document.createElement("a");
217                                link.href = examples[example];
218                                link.innerHTML = example;
219                                listItem.appendChild(link);
220                        }
221                        parentDOM.appendChild(listItem);
222                }
223            }
224           
225           
226            createList(examplePages, list);
227        </script>
[2032]228</body>
[1457]229</html>
Note: See TracBrowser for help on using the repository browser.