commit du 27 09 2013 18.00

diff --git a/images/logo-50-50.png b/images/logo-50-50.png
new file mode 100644 (file)
index 0000000..12ebb07
Binary files /dev/null and b/images/logo-50-50.png differ

diff --git a/images/logo-50.png b/images/logo-50.png
new file mode 100644 (file)
index 0000000..d9fcbb5
Binary files /dev/null and b/images/logo-50.png differ

diff --git a/index.html b/index.html
index 9071130a9c5ddb595c7f058b4cea1af58b8c0b7d..d133710435ac3afd8fa0a11d33156d6503a464e7 100644 (file)
--- a/index.html
+++ b/index.html
@@ -40,8 +40,23 @@ cineteve, flach films, telfrance, mobile, infographiste, infographie">
                video.src = path + ext;
                video.load();
                video.play();
+               video.loop = false;
+                       video.controls=true;
+                       video.muted = false;                    
+               }
+       </script>
+       
+       <script language="JavaScript" type="text/javascript">
+               function changeVideo2(path) {
+                       var video = document.getElementById("player");
+               var videoSrc = video.currentSrc;
+               var ext = videoSrc.substr(videoSrc.lastIndexOf("."));
+               video.src = path + ext;
+               video.load();
+               video.play();
                video.loop = true;
-                       video.controls=false;   
+                       video.controls=false;
+                       video.muted = true;
                }
        </script>
                
@@ -84,7 +99,7 @@ cineteve, flach films, telfrance, mobile, infographiste, infographie">
        <a href="http://www.goldeniastudios.com/ "target="_blank"> © GOLDENIA STUDIOS </a> / <a href=http://www.universcience.tv/categorie-petits-contes-mathematiques-626.html "target="_blank"> UNIVERSCIENCE (2012)</a> 
 
                <font size="3">
-               <a href="javascript:changeVideo('media/video/longchamp_2012')" rel="player">LONGCHAMP BOUTIQUE</a></font>
+               <a href="javascript:changeVideo2('media/video/longchamp_2012')" rel="player">LONGCHAMP BOUTIQUE</a></font>
                <a href="#" onclick="http://www.mirabellstudio.com/ "target="_blank"> © MIRABELL STUDIOS (2012)</a>
   
                <font size="3">
@@ -122,7 +137,7 @@ cineteve, flach films, telfrance, mobile, infographiste, infographie">
        <a href="http://www.novaprod-owl.com/ "target="_blank"> © NOVA PROD (2009)</a>
 
                <font size="3">
-               <a href="#" onclick="changeVideo('media/video/mobileDEFnb')" rel="player">MOBILE <font size="2">(L1*P1 = L2*P2)</font></a></font>
+               <a href="#" onclick="changeVideo2('media/video/mobileDEFnb')" rel="player">MOBILE <font size="2">(L1*P1 = L2*P2)</font></a></font>
                © IJKL (2009)</a>
 
                <font size="3">
@@ -130,7 +145,7 @@ cineteve, flach films, telfrance, mobile, infographiste, infographie">
                © CHANEL (2008)
 
                <font size="3">
-               <a href="#" onclick="changeVideo('media/video/LeTrouCarre')" rel="player" >GÉOMETRIES</a></font>
+               <a href="#" onclick="changeVideo2('media/video/LeTrouCarre')" rel="player" >GÉOMETRIES</a></font>
                © IJKL (2008)</a>
                
                <font size="3">
@@ -138,7 +153,7 @@ cineteve, flach films, telfrance, mobile, infographiste, infographie">
                (AMAR ARHAB) © CHANEL (2007)
 
                <font size="3">
-               <a href="#" onclick="changeVideo('media/video/cir')" rel="player" >CENTRE INSTANTANÉ DE ROTATION</a></font>
+               <a href="#" onclick="changeVideo2('media/video/cir')" rel="player" >CENTRE INSTANTANÉ DE ROTATION</a></font>
                © IJKL (2004)</a>