Ajout de plein de contenu vidéo

index.html

@@ -102,12 +102,12 @@
         <div class="d-flex flex-wrap">
             <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="xy4rGshm9us" data-options="autoplay=1&loop=1&playlist=xy4rGshm9us">
                 <video loop muted poster="img/portfolio/city.jpg">
-                    <source src="video/portfolio/1.webm" type="video/webm">
+                    <source src="video/portfolio/ci.webm" type="video/webm">
                 </video>
             </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="Q16KpquGsIc" data-options="autoplay=1&loop=1&playlist=Q16KpquGsIc" data-comment="OU A OU A OU A OU A OU A OU A OU A OU A">
-                <video loop muted poster="img/portfolio/1.jpg">
-                    <source src="video/portfolio/1.webm" type="video/webm">
+            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917" data-comment="Générique d'un film fantôme réalisé dans le cadre d'une rencontre avec les GOBELINS, j'ai également pu composer la musique.">
+                <video loop muted poster="img/portfolio/pomp.jpg">
+                    <source src="video/portfolio/pomp.webm" type="video/webm">
                 </video>
             </div>
             <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="32j58XJLHnE" data-options="autoplay=1&loop=1&playlist=32j58XJLHnE" data-comment="Début du court-métrage Mushroom Dreams.">
@@ -115,9 +115,9 @@
                     <source src="video/portfolio/champi.webm" type="video/webm">
                 </video>
             </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="X_NyayCTfS0" data-comment="Incroyable ! (Ça tourne mal)">
-                <video loop muted poster="img/portfolio/1.jpg">
-                    <source src="video/portfolio/1.webm" type="video/webm">
+            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="194362062" data-comment="Clip Vidéo réagissant au rythme de la musique.">
+                <video loop muted poster="img/portfolio/vector.jpg">
+                    <source src="video/portfolio/music.webm" type="video/webm">
                 </video>
             </div>
             <div class="element-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#sketchFabModal" data-sketchfabid="7507e61126754169937a24858981b185">
@@ -125,17 +125,32 @@
                     <img src="img/portfolio/Metal Carrot1.jpg" />
                 </div>
             </div>
+            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-target="#vimeoModal" data-vimeoid="202941724" data-comment="Tableau de Santiago Rusiñol y Prat que j'ai animé avec Clémentine Mériadec pour une diffusion au musée GOYA de Castres.">
+                <video loop muted poster="img/portfolio/jar.jpg">
+                    <source src="video/portfolio/jar.webm" type="video/webm">
+                </video>
+            </div>
             <div class="element-portfolio video-portfolio col-lg-4 col-sm-6">
                 <video loop muted poster="img/portfolio/1.jpg">
                     <source src="video/portfolio/1.webm" type="video/webm">
                 </video>
             </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917" data-comment="Integer ut ultrices nibh. Praesent egestas suscipit velit id dictum. Quisque interdum porta rutrum. In neque lorem, pellentesque sit amet est quis, dapibus commodo neque. Aliquam rhoncus nisl nec accumsan efficitur. Aliquam nisi nisi, congue eu magna a, sollicitudin mollis lectus.">
-                <video loop muted poster="img/portfolio/1.jpg">
-                    <source src="video/portfolio/1.webm" type="video/webm">
+            <div class="element-portfolio video-portfolio col-lg-4 col-sm-6">
+                <video loop muted poster="img/portfolio/temple.jpg">
+                    <source src="video/portfolio/temple.webm" type="video/webm">
                 </video>
             </div>
-            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="RV0M18MpDtQ" data-comment="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis arcu ut urna ullamcorper, nec fermentum ipsum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.">
+            <div class="element-portfolio video-portfolio col-lg-4 col-sm-6">
+                <video loop muted poster="img/portfolio/def.jpg">
+                    <source src="video/portfolio/def.webm" type="video/webm">
+                </video>
+            </div>
+            <div class="element-portfolio video-portfolio col-lg-4 col-sm-6">
+                <video loop muted poster="img/portfolio/water.jpg">
+                    <source src="video/portfolio/water.webm" type="video/webm">
+                </video>
+            </div>
+            <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="RV0M18MpDtQ" data-comment="Le Voyage de Roy">
                 <video loop muted poster="img/portfolio/1.jpg">
                     <source src="video/portfolio/1.webm" type="video/webm">
                 </video>