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

Ajout commentaire portfolio

Browse source
This commit is contained in:
nyanloutre 2017-07-19 19:40:51 +02:00
parent c3d5dcd338
commit 3ad9687ef7
Signed by: nyanloutre
GPG key ID: F85D93686A3A9063
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
index.html
View file

@ -124,14 +124,14 @@
<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 clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917"> <div class="video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#vimeoModal" data-vimeoid="195989917" data-comment="Integer ut ultrices nibh. Praesent egestas suscipit velit id dictum. Quisque interdum porta rutrum. In neque lorem, pellentesque sit amet est quis, dapibus commodo neque. Aliquam rhoncus nisl nec accumsan efficitur. Aliquam nisi nisi, congue eu magna a, sollicitudin mollis lectus.">
<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>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="video-portfolio clickable offset-lg-4 col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="RV0M18MpDtQ"> <div class="video-portfolio clickable offset-lg-4 col-lg-4 col-sm-6" data-toggle="modal" data-target="#youtubeModal" data-youtubeid="RV0M18MpDtQ" data-comment="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sagittis arcu ut urna ullamcorper, nec fermentum ipsum semper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.">
<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>
@ -168,6 +168,8 @@
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
<iframe width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe> <iframe width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe>
<hr>
<p></p>
</div> </div>
</div> </div>
</div> </div>
@ -181,6 +183,8 @@
<span aria-hidden="true">&times;</span> <span aria-hidden="true">&times;</span>
</button> </button>
<iframe width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe> <iframe width="100%" height="480" src="" frameborder="0" allowfullscreen></iframe>
<hr>
<p></p>
</div> </div>
</div> </div>
</div> </div>
@ -248,8 +252,10 @@
masthead_video_mute(true); masthead_video_mute(true);
var button = $(event.relatedTarget); var button = $(event.relatedTarget);
var youtube_id = button.data('youtubeid'); var youtube_id = button.data('youtubeid');
var comment = button.data('comment');
var modal = $(this); var modal = $(this);
modal.find('.modal-body iframe')[0].src = 'https://www.youtube.com/embed/' + youtube_id + "?modestbranding=1&rel=0&html5=1"; modal.find('.modal-body iframe')[0].src = 'https://www.youtube.com/embed/' + youtube_id + "?modestbranding=1&rel=0&html5=1";
modal.find('.modal-body p')[0].innerHTML = comment;
}); });
$('#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 = "";
@ -259,8 +265,10 @@
masthead_video_mute(true); masthead_video_mute(true);
var button = $(event.relatedTarget); var button = $(event.relatedTarget);
var vimeo_id = button.data('vimeoid'); var vimeo_id = button.data('vimeoid');
var comment = button.data('comment');
var modal = $(this); var modal = $(this);
modal.find('.modal-body iframe')[0].src = 'https://player.vimeo.com/video/' + vimeo_id; modal.find('.modal-body iframe')[0].src = 'https://player.vimeo.com/video/' + vimeo_id;
modal.find('.modal-body p')[0].innerHTML = comment;
}); });
$('#vimeoModal').on('hidden.bs.modal', function () { $('#vimeoModal').on('hidden.bs.modal', function () {
$(this).find('.modal-body iframe')[0].src = ""; $(this).find('.modal-body iframe')[0].src = "";