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

Ajout Vimeo

Browse Source
This commit is contained in:
nyanloutre 2017-07-19 14:20:03 +02:00
parent 8069d17e69
commit 43a6690902
Signed by: nyanloutre
GPG Key ID: F85D93686A3A9063
1 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@ -124,7 +124,7 @@
<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 clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917">
<video 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>
@ -173,6 +173,19 @@
</div> </div>
</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 --> <!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script> <script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/tether/tether.min.js"></script> <script src="vendor/tether/tether.min.js"></script>
@ -223,6 +236,16 @@
$('#youtubeModal').on('hidden.bs.modal', function () { $('#youtubeModal').on('hidden.bs.modal', function () {
$(this).find('.modal-body iframe')[0].src = ""; $(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> </script>
</body> </body>