source: tags/mediaplayer-5.3/js/test/fallback.html @ 1401

Revision 1401, 5.8 KB checked in by pablo, 3 years ago (diff)

Re-tagging 5.3 to build 5.3.1397
Line 
1<html> 
2<head> 
3<title>JWPlayer HTML5 Failover Test</title> 
4 
5<script type="text/javascript" src="../bin-debug/jwplayer.js"></script> 
6<script type="text/javascript" src="../../html5/jwplayer.html5.min.js"></script> 
7 
8</head> 
9 
10<body> 
11 
12
13<style type="text/css">
14    .column {
15        float: left;
16        margin: 10px;
17        background-color: #aaaaaa;
18        min-height: 1600px;
19    }
20
21</style>
22
23<p>
24The following embeds will be converted to Flash if the browser can't support any sources.
25</p>
26
27
28
29<div id="column1" class="column">
30
31    <h1>Single file MP4</h1>
32   
33    <div id="vid1"></div>
34   
35    <script type="text/javascript">
36        jwplayer("vid1").setup({
37           file: 'files/bunny.mp4',
38           players: [
39               {type:'html5'},
40               {type:'flash', src:'player-5.3.swf'}
41           ]
42        });
43    </script> 
44   
45    <hr />
46   
47    <h1>Single file OGG</h1>
48   
49    <div id="vid2"></div>
50   
51    <script type="text/javascript">
52        jwplayer("vid2").setup({
53           file: 'files/bunny.ogv',
54           players: [
55               {type:'html5'},
56               {type:'flash', src:'player-5.3.swf'}
57           ]
58        });
59    </script> 
60     
61    <hr />
62   
63    <h1>Single file WebM</h1>
64   
65    <div id="vid3"></div>
66   
67    <script type="text/javascript">
68        jwplayer("vid3").setup({
69           file: 'files/bunny.webm',
70           players: [
71               {type:'html5'},
72               {type:'flash', src:'player-5.3.swf'}
73           ]
74        });
75    </script> 
76</div>
77
78<div id="column2" class="column">
79
80    <h1>Levels: MP4+Ogg</h1>
81   
82    <div id="vid4"></div>
83   
84    <script type="text/javascript">
85        jwplayer("vid4").setup({
86           levels: [
87               {file: 'files/bunny.mp4'},
88               {file: 'files/bunny.ogv'}
89           ],
90           players: [
91               {type:'html5'},
92               {type:'flash', src:'player-5.3.swf'}
93           ]
94        });
95    </script> 
96   
97    <hr />
98   
99    <h1>Levels: Ogg+MP4</h1>
100   
101    <div id="vid5"></div>
102   
103    <script type="text/javascript">
104        jwplayer("vid5").setup({
105           levels: [
106               {file: 'files/bunny.ogv'},
107               {file: 'files/bunny.mp4'}
108           ],
109           players: [
110               {type:'html5'},
111               {type:'flash', src:'player-5.3.swf'}
112           ]
113        });
114    </script> 
115     
116    <hr />
117   
118    <h1>Levels: WebM+Ogg</h1>
119   
120    <div id="vid6"></div>
121   
122    <script type="text/javascript">
123        jwplayer("vid6").setup({
124           levels: [
125               {file: 'files/bunny.webm'},
126               {file: 'files/bunny.ogv'}
127           ],
128           players: [
129               {type:'html5'},
130               {type:'flash', src:'player-5.3.swf'}
131           ]
132        });
133    </script> 
134   
135    <hr />
136   
137    <h1>Levels: WebM+MP4</h1>
138   
139    <div id="vid7"></div>
140   
141    <script type="text/javascript">
142        jwplayer("vid7").setup({
143           levels: [
144               {file: 'files/bunny.webm'},
145               {file: 'files/bunny.mp4'}
146           ],
147           players: [
148               {type:'html5'},
149               {type:'flash', src:'player-5.3.swf'}
150           ]
151        });
152    </script> 
153</div>
154
155<div id="column3" class="column">
156
157    <h1>Playlist file MP4</h1>
158   
159    <div id="pl1"></div>
160   
161    <script type="text/javascript">
162        jwplayer("pl1").setup({
163           playlist: [
164              {file: 'files/bunny.mp4'}
165           ],
166           players: [
167               {type:'html5'},
168               {type:'flash', src:'player-5.3.swf'}
169           ]
170        });
171    </script> 
172   
173    <hr />
174   
175    <h1>Playlist OGG</h1>
176   
177    <div id="pl2"></div>
178   
179    <script type="text/javascript">
180        jwplayer("pl2").setup({
181           playlist: [
182                   { file: 'files/bunny.ogv' }
183           ],
184           players: [
185               {type:'html5'},
186               {type:'flash', src:'player-5.3.swf'}
187           ]
188        });
189    </script> 
190     
191    <hr />
192   
193    <h1>Playlist WebM</h1>
194   
195    <div id="pl3"></div>
196   
197    <script type="text/javascript">
198        jwplayer("pl3").setup({
199           playlist: [
200                   { file: 'files/bunny.webm' }
201           ],
202           players: [
203               {type:'html5'},
204               {type:'flash', src:'player-5.3.swf'}
205           ]
206        });
207    </script> 
208</div>
209
210<div id="column4" class="column">
211
212    <h1>Playlist+Levels: MP4+Ogg</h1>
213   
214    <div id="pl4"></div>
215   
216    <script type="text/javascript">
217        jwplayer("pl4").setup({
218           playlist: [
219             {levels: [
220               {file: 'files/bunny.mp4'},
221               {file: 'files/bunny.ogv'}
222             ]}
223           ],
224           players: [
225               {type:'html5'},
226               {type:'flash', src:'player-5.3.swf'}
227           ]
228        });
229    </script> 
230   
231    <hr />
232   
233    <h1>Playlist+Levels: Ogg+MP4</h1>
234   
235    <div id="pl5"></div>
236   
237    <script type="text/javascript">
238        jwplayer("pl5").setup({
239           playlist: [
240                   {levels: [
241                       {file: 'files/bunny.ogv'},
242                       {file: 'files/bunny.mp4'}
243                   ]}
244           ],
245           players: [
246               {type:'html5'},
247               {type:'flash', src:'player-5.3.swf'}
248           ]
249        });
250    </script> 
251     
252    <hr />
253   
254    <h1>Playlist+Levels: WebM+Ogg</h1>
255   
256    <div id="pl6"></div>
257   
258    <script type="text/javascript">
259        jwplayer("pl6").setup({
260           playlist: [
261                   {levels: [
262                       {file: 'files/bunny.webm'},
263                       {file: 'files/bunny.ogv'}
264                   ]}
265           ],
266           players: [
267               {type:'html5'},
268               {type:'flash', src:'player-5.3.swf'}
269           ]
270        });
271    </script> 
272   
273    <hr />
274   
275    <h1>Playlist+Levels: WebM+MP4</h1>
276   
277    <div id="pl7"></div>
278   
279    <script type="text/javascript">
280        jwplayer("pl7").setup({
281           playlist: [
282                   {levels: [
283                       {file: 'files/bunny.webm'},
284                       {file: 'files/bunny.mp4'}
285                   ]}
286           ],
287           players: [
288               {type:'html5'},
289               {type:'flash', src:'player-5.3.swf'}
290           ]
291        });
292    </script> 
293</div>
294
295 
296
297</body> 
298</html> 
Note: See TracBrowser for help on using the repository browser.