diff --git a/img/portfolio/1.jpg b/img/portfolio/1.jpg
new file mode 100644
index 0000000..8d3e8a8
Binary files /dev/null and b/img/portfolio/1.jpg differ
diff --git a/index.html b/index.html
index 27e595b..5f85904 100644
--- a/index.html
+++ b/index.html
@@ -98,41 +98,41 @@
         <div class="container-fluid">
             <div class="row">
                 <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
+                    <video class="portfolio-control" loop muted poster="img/portfolio/1.jpg">
                         <source src="video/portfolio/1.webm" type="video/webm">
                     </video>
                 </div>
                 <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
+                    <video class="portfolio-control" loop muted poster="img/portfolio/1.jpg">
                         <source src="video/portfolio/1.webm" type="video/webm">
                     </video>
                 </div>
                 <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
+                    <video class="portfolio-control" loop muted poster="img/portfolio/1.jpg">
                         <source src="video/portfolio/1.webm" type="video/webm">
                     </video>
                 </div>
             </div>
             <div class="row">
                 <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
+                    <video class="portfolio-control" loop muted poster="img/portfolio/1.jpg">
                         <source src="video/portfolio/1.webm" type="video/webm">
                     </video>
                 </div>
                 <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
+                    <video class="portfolio-control" loop muted poster="img/portfolio/1.jpg">
                         <source src="video/portfolio/1.webm" type="video/webm">
                     </video>
                 </div>
                 <div class="video-portfolio col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
+                    <video class="portfolio-control" loop muted poster="img/portfolio/1.jpg">
                         <source src="video/portfolio/1.webm" type="video/webm">
                     </video>
                 </div>
             </div>
             <div class="row">
                 <div class="video-portfolio offset-lg-4 col-lg-4 col-sm-6">
-                    <video loop muted poster="img/portfolio/1.jpg">
+                    <video class="portfolio-control" loop muted poster="img/portfolio/1.jpg">
                         <source src="video/portfolio/1.webm" type="video/webm">
                     </video>
                 </div>
@@ -188,6 +188,14 @@
                 $(".video-sound > .fa").addClass('fa-volume-off');
             }
         });
+        
+        $('.portfolio-control').hover(function () {
+            if ($(this).prop('paused')) {
+                $(this).get(0).play();
+            } else {
+                $(this).get(0).load();
+            }
+        });
     </script>
 
 </body>