From 43a6690902e70d2302c796064ce7939a601da4c0 Mon Sep 17 00:00:00 2001
From: nyanloutre <paul.trehiou@protonmail.com>
Date: Wed, 19 Jul 2017 14:20:03 +0200
Subject: [PATCH] Ajout Vimeo

---
 index.html | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 3e1d1a5..c8462bb 100644
--- a/index.html
+++ b/index.html
@@ -124,7 +124,7 @@
                         <source src="video/portfolio/1.webm" type="video/webm">
                     </video>
                 </div>
-                <div class="video-portfolio col-lg-4 col-sm-6">
+                <div class="video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917">
                     <video loop muted poster="img/portfolio/1.jpg">
                         <source src="video/portfolio/1.webm" type="video/webm">
                     </video>
@@ -173,6 +173,19 @@
         </div>
     </div>
     
+    <div class="modal fade" id="vimeoModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-lg" role="document">
+            <div class="modal-content">
+                <div class="modal-body">
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                    <iframe width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe>
+                </div>
+            </div>
+        </div>
+    </div>
+    
     <!-- Bootstrap core JavaScript -->
     <script src="vendor/jquery/jquery.min.js"></script>
     <script src="vendor/tether/tether.min.js"></script>
@@ -223,6 +236,16 @@
         $('#youtubeModal').on('hidden.bs.modal', function () {
             $(this).find('.modal-body iframe')[0].src = "";
         });
+        
+        $('#vimeoModal').on('show.bs.modal', function (event) {
+            var button = $(event.relatedTarget);
+            var vimeo_id = button.data('vimeoid');
+            var modal = $(this);
+            modal.find('.modal-body iframe')[0].src = 'https://player.vimeo.com/video/' + vimeo_id;
+        });
+        $('#vimeoModal').on('hidden.bs.modal', function () {
+            $(this).find('.modal-body iframe')[0].src = "";
+        });
     </script>
 
 </body>