|
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
|
2 <html dir="ltr" xml:lang="fr" |
|
3 xmlns="http://www.w3.org/1999/xhtml" lang="fr"> |
|
4 |
|
5 <head> |
|
6 |
|
7 </head> |
|
8 |
|
9 <body style="width:650px;font-family: 'Trebuchet MS', 'Helvetica', 'Arial', 'Verdana', 'sans-serif';"> |
|
10 |
|
11 <div> |
|
12 <h1>MetaData Player / Youtube </h1> |
|
13 <a href="index.htm"> back </a><br/> |
|
14 <br/> |
|
15 </div> |
|
16 <div> |
|
17 <!-- START IRI EMBED ###################################### --> |
|
18 <!-- SIMPLE PLAYER EXPERIMENTATION --> |
|
19 <script type="text/javascript" src="../src/js/LdtPlayer.js"></script> |
|
20 |
|
21 <!--<input id="amount" />--> |
|
22 |
|
23 <div id="LdtPlayer"></div> |
|
24 |
|
25 <script type="text/javascript"> |
|
26 var config = { |
|
27 metadata:{ |
|
28 format:'cinelab', |
|
29 //# URL metadata's file |
|
30 src:'http://exp.iri.centrepompidou.fr/franceculture/franceculture/ldt/cljson/id/755519f6-fd5f-11df-9e4a-00145ea4a2be', |
|
31 //# load from the same server |
|
32 //load:'json' |
|
33 //# load from a other serveur |
|
34 load:'jsonp' |
|
35 }, |
|
36 gui:{ |
|
37 //# width of the video size |
|
38 width:480, |
|
39 //# height of the video size , 1 for the radio |
|
40 height:360, |
|
41 //# mode radio or video |
|
42 mode:'video', |
|
43 //# Id of div container |
|
44 container:'LdtPlayer', |
|
45 //# to see output |
|
46 debug:false, |
|
47 css:'../src/css/LdtPlayer.css'}, |
|
48 player:{ |
|
49 type:'youtube', |
|
50 //# without youtube player UI : |
|
51 //http://www.youtube.com/watch?v=xd0SClmuLo4 |
|
52 src:'http://www.youtube.com/apiplayer?video_id=bB4lXDUHsfQ&' |
|
53 //# with youtube player UI : |
|
54 //src:'http://www.youtube.com/v/lFtNG1wZ4zU' |
|
55 } |
|
56 }; |
|
57 __IriSP.init(config); |
|
58 </script> |
|
59 <!-- END ################ ###################################### --> |
|
60 </div> |
|
61 |
|
62 |
|
63 </body> |
|
64 </html> |