| 1 | <!doctype html> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | <title>Embedder test</title> |
|---|
| 5 | <script src="../bin-debug/jwplayer.js"></script> |
|---|
| 6 | |
|---|
| 7 | <style type="text/css"> |
|---|
| 8 | .wrapper { |
|---|
| 9 | width: 720px; |
|---|
| 10 | height: 470px; |
|---|
| 11 | position: relative; |
|---|
| 12 | } |
|---|
| 13 | |
|---|
| 14 | </style> |
|---|
| 15 | |
|---|
| 16 | <script type="text/javascript"> |
|---|
| 17 | function init() { |
|---|
| 18 | var form = document.getElementById("form"); |
|---|
| 19 | var player = jwplayer("player").setup({ |
|---|
| 20 | id: "player", |
|---|
| 21 | skin: form.skin.options[form.skin.selectedIndex].value, |
|---|
| 22 | playlist: [{ |
|---|
| 23 | sources:[ |
|---|
| 24 | { file: 'http://content.bitsontherun.com/videos/nPripu9l-1ahmry41.mp4' }, |
|---|
| 25 | { file: 'http://content.bitsontherun.com/videos/nPripu9l-1Lq5Mnwq.webm' } |
|---|
| 26 | ], |
|---|
| 27 | image: 'http://content.bitsontherun.com/thumbs/gSzpo2wh-480.jpg', |
|---|
| 28 | description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ipsum leo, facilisis non laoreet sed, laoreet id tortor. Sed in lectus id enim scelerisque dictum nec sit amet odio. Pellentesque eget nisl arcu, quis tristique nibh. Nunc quis est eget erat posuere congue. Maecenas et turpis id ipsum eleifend adipiscing id et purus. Curabitur pulvinar ultricies leo, a semper tellus tempus eu. Praesent mattis ipsum eu eros placerat sodales. Maecenas laoreet libero quis lorem lacinia sit amet consequat nunc accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc venenatis, mi suscipit accumsan venenatis, ligula lacus malesuada nisl, vel congue est nibh ut dolor. Sed ut tellus ut diam consequat scelerisque at sit amet lacus. Nulla egestas vehicula neque, et commodo metus sollicitudin ut. Sed sit amet nunc vitae arcu tincidunt ornare.", |
|---|
| 29 | title: "Big Buck Bunny" |
|---|
| 30 | },{ |
|---|
| 31 | sources:[ |
|---|
| 32 | { file: 'http://content.bitsontherun.com/videos/yj1shGJB-1ahmry41.mp4' }, |
|---|
| 33 | { file: 'http://content.bitsontherun.com/videos/yj1shGJB-1Lq5Mnwq.webm' } |
|---|
| 34 | ], |
|---|
| 35 | duration: 52, |
|---|
| 36 | title: "Sintel Trailer" |
|---|
| 37 | }], |
|---|
| 38 | playlistsize: 300, |
|---|
| 39 | width: "100%", |
|---|
| 40 | height: "100%" |
|---|
| 41 | }); |
|---|
| 42 | } |
|---|
| 43 | </script> |
|---|
| 44 | </head> |
|---|
| 45 | |
|---|
| 46 | <body onload="init()"> |
|---|
| 47 | |
|---|
| 48 | <form id="form"> |
|---|
| 49 | skin: <select name="skin" onchange="init()"> |
|---|
| 50 | <option value="">default</option> |
|---|
| 51 | <option value="../../../skins/beelden/beelden.xml">beelden</option> |
|---|
| 52 | <option value="../../../skins/stormtrooper/stormtrooper.xml">stormtrooper</option> |
|---|
| 53 | <option value="../../../skins/glow/src/glow.xml" selected>glow</option> |
|---|
| 54 | <option value="../../../skins/five/five.xml">five</option> |
|---|
| 55 | <option value="../../../tags/skins/snel/snel.xml">snel</option> |
|---|
| 56 | <option value="../../../skins/stijl/stijl.xml">stijl</option> |
|---|
| 57 | <option value="../../../skins/bekle/bekle.xml" >bekle</option> |
|---|
| 58 | </select> |
|---|
| 59 | <input type="submit" style="opacity:0; left: -10000px"/> |
|---|
| 60 | </form> |
|---|
| 61 | |
|---|
| 62 | <div class="wrapper"> |
|---|
| 63 | <div id="player"></div> |
|---|
| 64 | </div> |
|---|
| 65 | |
|---|
| 66 | </body> |
|---|
| 67 | </html> |
|---|
