# HG changeset patch
# User cavaliet
# Date 1382697159 -7200
# Node ID 77e9c48a23574492528f495b9bd6b8adee3fa018
# Parent  1449502d69c58122ea11f555da2095057ee1680f
corrections and optimisations 3

diff -r 1449502d69c5 -r 77e9c48a2357 web/css/ds.css
--- a/web/css/ds.css	Fri Oct 25 12:01:53 2013 +0200
+++ b/web/css/ds.css	Fri Oct 25 12:32:39 2013 +0200
@@ -40,6 +40,7 @@
     border: 3px solid #EEEEEE;
     display: block;
     margin-top: 34px;
+    padding:10px;
     position: absolute;
     z-index: 99999;
 }
diff -r 1449502d69c5 -r 77e9c48a2357 web/index.html
--- a/web/index.html	Fri Oct 25 12:01:53 2013 +0200
+++ b/web/index.html	Fri Oct 25 12:32:39 2013 +0200
@@ -16,7 +16,7 @@
 	    <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
 	      <ul class="nav navbar-nav">
 	        <li>
-	          <a class="videolink hand logo" data-videoid="0"><img src="./img/newlogods2.png" alt="Logo Digital Studies" /></a>
+	          <a class="videolink hand logo" data-videoid="full"><img src="./img/newlogods2.png" alt="Logo Digital Studies" /></a>
 	        </li>
 	      </ul>
           <ul class="nav navbar-nav" style="float:right;">
@@ -33,7 +33,7 @@
       <button type="button" class="btn col-md-2" id="tabmat">Table des matières <b class="caret"></b></button>
       <div id="titles" class="col-md-4" style="display:none;">
         <div class="videotitle" id="videotitle0">
-          <p><a class="videolink hand" data-videoid="0">Résumé de l'article</a> (2'00) <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
+          <p><a class="videolink hand" data-videoid="0">Résumé de l'article</a> (4'57) <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Voir plus</button></p>
           <div id="abstract" class="collapse">
             <p>Avec l’apparition du web, c’est la nature même des savoirs sous toutes leurs formes qui a changé tandis que l’écriture réticulaire devenait accessible aux publics les plus divers. Ceux-ci ont redéfini les conditions de la parité et de ce fait l’université est entrée dans un nouvel âge. C’est ce fait majeur, massif et à bien des égards stupéfiant qui requiert le développement des digital studies prôné par la ministre de l’enseignement supérieur et de la recherche.</p>
             <p>L’enjeu majeur représenté par les enseignements numériques vient rationnellement après celui de la recherche et des études numériques. Il s’agit d’impulser une dynamique qui repense les rapports des savoirs à leurs supports (dont les MOOCs) avec les universités et les institutions académiques, et qui, par la recherche, redéfinisse leur rôle dans ce nouveau contexte.</p>
@@ -41,28 +41,28 @@
           </div>
         </div>
         <div class="videotitle" id="videotitle1">
-          <p>Chapitre 1&nbsp;: L'État et le numérique<br/><a class="videolink hand" data-videoid="1r">résumé</a> (2'00) ou <a class="videolink hand" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p>
+          <p>Chapitre 1&nbsp;: L'État et le numérique<br/><a class="videolink hand" data-videoid="1r">résumé</a> (2'25) ou <a class="videolink hand" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle2">
-          <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a class="videolink hand" data-videoid="2r">résumé</a> (2'00) ou <a class="videolink hand" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p>
+          <p>Chapitre 2&nbsp;: Technologies, savoirs et sociétés<br/><a class="videolink hand" data-videoid="2r">résumé</a> (2'57) ou <a class="videolink hand" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle3">
-          <p>Chapitre 3&nbsp;: Qui pour guider une politique sur le numérique ?<br/><a class="videolink hand" data-videoid="3r">résumé</a> (2'00) ou <a class="videolink hand" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p>
+          <p>Chapitre 3&nbsp;: Qui pour guider une politique sur le numérique ?<br/><a class="videolink hand" data-videoid="3r">résumé</a> (3'44) ou <a class="videolink hand" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle4">
-          <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a class="videolink hand" data-videoid="4r">résumé</a> (2'00) ou <a class="videolink hand" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p>
+          <p>Chapitre 4&nbsp;: La polémique, mère de tous savoirs<br/><a class="videolink hand" data-videoid="4r">résumé</a> (4'44) ou <a class="videolink hand" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle5">
-          <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a class="videolink hand" data-videoid="5r">résumé</a> (2'00) ou <a class="videolink hand" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p>
+          <p>Chapitre 5&nbsp;: La catégorisation contributive<br/><a class="videolink hand" data-videoid="5r">résumé</a> (2'37) ou <a class="videolink hand" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle6">
-          <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a class="videolink hand" data-videoid="6r">résumé</a> (2'00) ou <a class="videolink hand" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p>
+          <p>Chapitre 6&nbsp;: Sur l'industrie éditoriale numérisée<br/><a class="videolink hand" data-videoid="6r">résumé</a> (2'51) ou <a class="videolink hand" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitle7">
-          <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a class="videolink hand" data-videoid="7r">résumé</a> (2'00) ou <a class="videolink hand" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p>
+          <p>Chapitre 7&nbsp;: Propositions pour France Université Numérique<br/><a class="videolink hand" data-videoid="7r">résumé</a> (4'43) ou <a class="videolink hand" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p>
         </div>
         <div class="videotitle" id="videotitlef">
-          <p><a class="videolink hand" data-videoid="full"><strong>Vidéo complète chapitrée (2'00)</strong></a></p>
+          <p><a class="videolink hand" data-videoid="full"><strong>Vidéo complète chapitrée (1h20')</strong></a></p>
         </div>
       </div>
     </div>
@@ -91,22 +91,22 @@
     var cur_vid = "";
   
     var iframes = {
-      "0" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=37903d3c-3b21-11e3-9592-00145ea4a2be&project_id=49bd6124-3b21-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
+      "0" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=37903d3c-3b21-11e3-9592-00145ea4a2be&project_id=49bd6124-3b21-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "1" : "<p>iframe à venir, vidéo n°1</p>",
-      "1r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=0718fd52-3af8-11e3-8796-00145ea4a2be&project_id=2a7b8bde-3af8-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
+      "1r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=0718fd52-3af8-11e3-8796-00145ea4a2be&project_id=2a7b8bde-3af8-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "2" : "<p>iframe à venir, vidéo n°2</p>",
-      "2r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=fc7a32a2-3af8-11e3-a863-00145ea4a2be&project_id=0f2c892c-3af9-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
+      "2r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=fc7a32a2-3af8-11e3-a863-00145ea4a2be&project_id=0f2c892c-3af9-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "3" : "<p>iframe à venir, vidéo n°3</p>",
-      "3r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=d25c9198-3b1d-11e3-9592-00145ea4a2be&project_id=e48881ce-3b1d-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
+      "3r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=d25c9198-3b1d-11e3-9592-00145ea4a2be&project_id=e48881ce-3b1d-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "4" : "<p>iframe à venir, vidéo n°4</p>",
-      "4r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=80cb7000-3b1e-11e3-a863-00145ea4a2be&project_id=94b99f56-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
+      "4r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=80cb7000-3b1e-11e3-a863-00145ea4a2be&project_id=94b99f56-3b1e-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "5" : "<p>iframe à venir, vidéo n°5</p>",
-      "5r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=97f6803a-3b1e-11e3-a863-00145ea4a2be&project_id=ab17cb92-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
+      "5r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=97f6803a-3b1e-11e3-a863-00145ea4a2be&project_id=ab17cb92-3b1e-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "6" : "<p>iframe à venir, vidéo n°6</p>",
-      "6r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=b5d5d498-3b1e-11e3-9592-00145ea4a2be&project_id=ca23cbb2-3b1e-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
+      "6r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=b5d5d498-3b1e-11e3-9592-00145ea4a2be&project_id=ca23cbb2-3b1e-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
       "7" : "<p>iframe à venir, vidéo n°7</p>",
-      "7r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=8eb32054-3b1f-11e3-9592-00145ea4a2be&project_id=9f58e02e-3b1f-11e3-a863-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
-      "full" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=62083f72-363c-11e3-8068-00145ea4a2be&project_id=90be1ecc-363c-11e3-98be-00145ea4a2be&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
+      "7r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=8eb32054-3b1f-11e3-9592-00145ea4a2be&project_id=9f58e02e-3b1f-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
+      "full" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=62083f72-363c-11e3-8068-00145ea4a2be&project_id=90be1ecc-363c-11e3-98be-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>",
     };
 
     function displayIframe(n, update_h){
@@ -302,7 +302,7 @@
           }
       });
       // load first video with get parameter
-      var first = "0";
+      var first = "full";
       var iframe = getURLParameter("iframe");
       if(iframe=="null"){
         var v = getURLParameter("v");