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

Revision 1579, 10.5 KB checked in by zach, 2 years ago (diff)
  • Novice embed uses default location 1221
  • SetButton callback fixed for Flash
  • Plugins now appear for Flash
  • Download fallback stretched to exactfit
  • Chromeless HTML5 uses dock
  • Skinloader only tries to load skins with string file paths
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                        },
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>
Note: See TracBrowser for help on using the repository browser.