| [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"> |
|---|
| 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"> |
|---|
| [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 <body>)": "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> |
|---|