| 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 | }, |
|---|
| 42 | "Video codecs": { |
|---|
| 43 | "Single MP4": "single_mp4.html", |
|---|
| 44 | "Single OGV": "single_ogg.html", |
|---|
| 45 | "YouTube": "youtube.html", |
|---|
| 46 | "Multiple sources (MP4 and OGV)": "mp4_ogg.html", |
|---|
| 47 | "Bitrate switching": "bitrateswitching.html", |
|---|
| 48 | "RTMP": "rtmp.html" |
|---|
| 49 | } |
|---|
| 50 | }, |
|---|
| 51 | "Configuration Tests": { |
|---|
| 52 | "Providers": "providers.html", |
|---|
| 53 | "Multiple players with various options": "multiple_customs.html", |
|---|
| 54 | "Components + positions": "components.html", |
|---|
| 55 | "Skins": { |
|---|
| 56 | "All Skins": "custom_skin.html", |
|---|
| 57 | "Invalid skin path specified": "badskin.html", |
|---|
| 58 | "Skin redirect": "testskin.html" |
|---|
| 59 | }, |
|---|
| 60 | "Playlists": { |
|---|
| 61 | "Progressive download": "playlist.html?type=progressive", |
|---|
| 62 | //"HTTP Pseudo-streaming": "httpplaylist.html", |
|---|
| 63 | "RTMP": "playlist.html?type=rtmp", |
|---|
| 64 | "Mixed": "playlist.html?type=mixed", |
|---|
| 65 | "XML Playlits": "xmlplaylists.html" |
|---|
| 66 | //"Playlist formats": { |
|---|
| 67 | // "ASX" : "playlistparsing.html?"+escape('var config = {title:"ASX Playlists", "playlist":"../files/asx.xml"}'), |
|---|
| 68 | // "Atom" : "playlistparsing.html?"+escape('var config = {title:"Atom Playlists", "playlist":"../files/atom.xml"}'), |
|---|
| 69 | // "iTunes" : "playlistparsing.html?"+escape('var config = {title:"iTunes Playlists", "playlist":"../files/irss.xml"}'), |
|---|
| 70 | // "mRSS" : "playlistparsing.html?"+escape('var config = {title:"mRSS Playlists", "playlist":"../files/mrss.xml"}'), |
|---|
| 71 | // "XSPF" : "playlistparsing.html?"+escape('var config = {title:"XSPF Playlists", "playlist":"../files/xspf.xml"}') |
|---|
| 72 | //}, |
|---|
| 73 | //"Bitrate Switching" : "playlistparsing.html?"+escape('var config = {title:"Bitrate Switching", "playlist":"../files/bitrates.xml"}'), |
|---|
| 74 | //"Dynamic Streaming" : "playlistparsing.html?"+escape('var config = {title:"Dynamic Streaming", "playlist":"../files/dynamic.xml"}'), |
|---|
| 75 | //"Highwinds" : "playlistparsing.html?"+escape('var config = {title:"Highwinds", "playlist":"../files/highwinds.xml"}'), |
|---|
| 76 | //"SMIL Loadbalancing" : "playlistparsing.html?"+escape('var config = {title:"SMIL Loadbalancing", "playlist":"../files/smil.xml"}') |
|---|
| 77 | }, |
|---|
| 78 | "Components": { |
|---|
| 79 | "Controlbar": "controlbar.html", |
|---|
| 80 | "Logo": "logo.html" |
|---|
| 81 | }, |
|---|
| 82 | "Plugins": { |
|---|
| 83 | //"Overview": "plugins.html", |
|---|
| 84 | "Loading and Configuration" : { |
|---|
| 85 | "Local": { |
|---|
| 86 | "Absolute referenced": { |
|---|
| 87 | "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!"}}}'), |
|---|
| 88 | "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"}}}') |
|---|
| 89 | }, |
|---|
| 90 | "Root referenced": { |
|---|
| 91 | "JavaScript": "plugins.html?"+escape('var config = {title:"Root Path - JavaScript", plugins:{"/player-5.5a/js/test/examples/plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'), |
|---|
| 92 | "Flash":"plugins.html?"+escape('var config = {title:"Root Path - Flash", plugins:{"/player-5.5a/js/test/examples/plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}') |
|---|
| 93 | }, |
|---|
| 94 | "Relatively referenced": { |
|---|
| 95 | "JavaScript": "plugins.html?"+escape('var config = {title:"Relative Path - JavaScript", plugins:{"plugins/textplugin.js":{text:"Plugin successfully loaded!"}}}'), |
|---|
| 96 | "Flash":"plugins.html?"+escape('var config = {title:"Relative Path - Flash", plugins:{"plugins/hd.swf":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}') |
|---|
| 97 | }, |
|---|
| 98 | "Bad Path": { |
|---|
| 99 | "JavaScript": "plugins.html?"+escape('var config = {title:"Bad Path - JavaScript", plugins:{"plugins/textplugin.js":{text:"Plugin successfully loaded!"}, "plugins/textplugin1.js":{text:"Plugin successfully loaded!"}}}'), |
|---|
| 100 | "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"}}}') |
|---|
| 101 | }, |
|---|
| 102 | "Mixed Mode": { |
|---|
| 103 | "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"}}}'), |
|---|
| 104 | "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"}}}'), |
|---|
| 105 | "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"}}}'), |
|---|
| 106 | "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"}}}'), |
|---|
| 107 | "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"}}}') |
|---|
| 108 | }, |
|---|
| 109 | "Dock buttons" : { |
|---|
| 110 | "Flash": "docksetbutton.html?flash", |
|---|
| 111 | "Html5": "docksetbutton.html?html5" |
|---|
| 112 | } |
|---|
| 113 | //"Flash Only": "plugins/local/flash.html", |
|---|
| 114 | //"Multiple plugins": "plugins/local/multiple.html", |
|---|
| 115 | //"Versioning": "plugins/local/versioning.html" |
|---|
| 116 | }, |
|---|
| 117 | "Hosted": { |
|---|
| 118 | "JavaScript": "plugins.html?"+escape('var config = {title:"Absolute Path - JavaScript", plugins:{"textplugin":{text:"Plugin successfully loaded!"}}}'), |
|---|
| 119 | "Flash":"plugins.html?"+escape('var config = {title:"Absolute Path - Flash", plugins:{"hd":{"file":"http://content.bitsontherun.com/videos/gSzpo2wh-486405.mp4"}}}') |
|---|
| 120 | } |
|---|
| 121 | } |
|---|
| 122 | }, |
|---|
| 123 | "Stretching": "stretching.html", |
|---|
| 124 | "Chromeless": "chromeless.html" |
|---|
| 125 | }, |
|---|
| 126 | "API": { |
|---|
| 127 | "Utilities": { |
|---|
| 128 | "API": "api.html", |
|---|
| 129 | "Event listeners": "listeners.html" |
|---|
| 130 | }, |
|---|
| 131 | "Setup / remove": "setupandremove.html", |
|---|
| 132 | "Unit Tests": { |
|---|
| 133 | "Events (in setup block)": "apiunittesteventssetup.html", |
|---|
| 134 | "Events (dynamic)": "apiunittesteventsdynamic.html", |
|---|
| 135 | "Play": "apiunittestplay.html", |
|---|
| 136 | "Pause": "apiunittestpause.html", |
|---|
| 137 | "Mute": "apiunittestmute.html", |
|---|
| 138 | "Fullscreen": "apiunittestfullscreen.html" |
|---|
| 139 | }, |
|---|
| 140 | "Resize": "resize.html", |
|---|
| 141 | "Load": "load.html" |
|---|
| 142 | }, |
|---|
| 143 | "Common Libraries": { |
|---|
| 144 | "Dojo": "libraries/dojo.html", |
|---|
| 145 | "Ext Core": "libraries/ext-core.html", |
|---|
| 146 | "jQuery": "libraries/jquery.html", |
|---|
| 147 | "MooTools": "libraries/mootools.html", |
|---|
| 148 | "Prototype": "libraries/prototype.html", |
|---|
| 149 | "Scriptaculous": "libraries/scriptaculous.html", |
|---|
| 150 | "SWFObject": "libraries/swfobject.html", |
|---|
| 151 | "YUI": "libraries/yui.html" |
|---|
| 152 | }, |
|---|
| 153 | "Player 5.4": { |
|---|
| 154 | "Bugs": { |
|---|
| 155 | "Social media": "socialmedia.html", |
|---|
| 156 | "Loading HTML instead of a skin": "htmlskin.html", |
|---|
| 157 | "Firefox bug": "ff3bug.html#", |
|---|
| 158 | "FLV failover": "failover.html", |
|---|
| 159 | "Video URLs with query strings": "extensions.html", |
|---|
| 160 | "Skins: Controlbar without settings block": "testskin.html" |
|---|
| 161 | }, |
|---|
| 162 | "Features": { |
|---|
| 163 | "Apple (Cupertino) Streaming": "m3u8.html", |
|---|
| 164 | "Netstream base path": "netstreambasepath.html", |
|---|
| 165 | "Settable wmode": "wmode.html", |
|---|
| 166 | "Download fallback": "downloadfallback.html" |
|---|
| 167 | } |
|---|
| 168 | }, |
|---|
| 169 | "Player 5.5": { |
|---|
| 170 | "Bugs": { |
|---|
| 171 | "Embed location": "embedlocation.html" |
|---|
| 172 | } |
|---|
| 173 | } |
|---|
| 174 | }; |
|---|
| 175 | |
|---|
| 176 | function createList(examples, parentDOM) { |
|---|
| 177 | for (var example in examples) { |
|---|
| 178 | var listItem = document.createElement("li"); |
|---|
| 179 | if (typeof examples[example] == "object") { |
|---|
| 180 | listItem.innerHTML = example; |
|---|
| 181 | var newList = document.createElement("ul"); |
|---|
| 182 | listItem.appendChild(newList); |
|---|
| 183 | createList(examples[example], newList); |
|---|
| 184 | } else { |
|---|
| 185 | var link = document.createElement("a"); |
|---|
| 186 | link.href = examples[example]; |
|---|
| 187 | link.innerHTML = example; |
|---|
| 188 | listItem.appendChild(link); |
|---|
| 189 | } |
|---|
| 190 | parentDOM.appendChild(listItem); |
|---|
| 191 | } |
|---|
| 192 | } |
|---|
| 193 | |
|---|
| 194 | |
|---|
| 195 | createList(examplePages, list); |
|---|
| 196 | </script> |
|---|
| 197 | </body> |
|---|
| 198 | </html> |
|---|