From: ronan le priol <ronan@emptynest.fr>
Date: Fri, 27 Sep 2013 16:02:33 +0000 (+0200)
Subject: commit du 27 09 2013 18.00
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=06aae061e21388aa1e7b90ce36b180729a47afae;p=ijkl.git

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
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
index 0000000..d9fcbb5
Binary files /dev/null and b/images/logo-50.png differ
diff --git a/index.html b/index.html
index 9071130..d133710 100644
--- 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>