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

Pas de JQuery pour le portfolio

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="row">
<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">
</video>
</div>
<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">
</video>
</div>
<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">
</video>
</div>
</div>
<div class="row">
<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">
</video>
</div>
<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">
</video>
</div>
<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">
</video>
</div>
</div>
<div class="row">
<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">
</video>
</div>
@ -187,13 +187,12 @@
}
};
$('.portfolio-control').hover(function () {
if ($(this).prop('paused')) {
$(this).get(0).play();
} else {
$(this).get(0).load();
}
});
var portfolio_videos = document.getElementsByClassName('video-portfolio');
for (video_div of portfolio_videos) {
video_div.onmouseover = function() {this.children[0].play()};
video_div.onmouseout = function() {this.children[0].load()};
}
</script>
</body>