nyanloutre/site-max
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Pas de JQuery pour le portfolio

Browse Source
This commit is contained in:
nyanloutre 2017-07-16 23:59:15 +02:00
parent 9893bcbf8c
commit 6b65c790ef
Signed by: nyanloutre
GPG Key ID: F85D93686A3A9063
1 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@ -98,41 +98,41 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="video-portfolio col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<video class="portfolio-control" loop muted poster="img/portfolio/1.jpg"> <video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm"> <source src="video/portfolio/1.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="video-portfolio col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<video class="portfolio-control" loop muted poster="img/portfolio/1.jpg"> <video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm"> <source src="video/portfolio/1.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="video-portfolio col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<video class="portfolio-control" loop muted poster="img/portfolio/1.jpg"> <video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm"> <source src="video/portfolio/1.webm" type="video/webm">
</video> </video>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="video-portfolio col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<video class="portfolio-control" loop muted poster="img/portfolio/1.jpg"> <video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm"> <source src="video/portfolio/1.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="video-portfolio col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<video class="portfolio-control" loop muted poster="img/portfolio/1.jpg"> <video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm"> <source src="video/portfolio/1.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="video-portfolio col-lg-4 col-sm-6"> <div class="video-portfolio col-lg-4 col-sm-6">
<video class="portfolio-control" loop muted poster="img/portfolio/1.jpg"> <video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm"> <source src="video/portfolio/1.webm" type="video/webm">
</video> </video>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="video-portfolio offset-lg-4 col-lg-4 col-sm-6"> <div class="video-portfolio offset-lg-4 col-lg-4 col-sm-6">
<video class="portfolio-control" loop muted poster="img/portfolio/1.jpg"> <video loop muted poster="img/portfolio/1.jpg">
<source src="video/portfolio/1.webm" type="video/webm"> <source src="video/portfolio/1.webm" type="video/webm">
</video> </video>
</div> </div>
@ -187,13 +187,12 @@
} }
}; };
$('.portfolio-control').hover(function () { var portfolio_videos = document.getElementsByClassName('video-portfolio');
if ($(this).prop('paused')) {
$(this).get(0).play(); for (video_div of portfolio_videos) {
} else { video_div.onmouseover = function() {this.children[0].play()};
$(this).get(0).load(); video_div.onmouseout = function() {this.children[0].load()};
} }
});
</script> </script>
</body> </body>