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

Test loop vimeo

This commit is contained in:
Maxanator 2018-09-16 13:41:43 +02:00
parent 726fb93ab2
commit 8329920d94
3 changed files with 33 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/portfolio/amp.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

51
index.html
View File

@ -63,7 +63,7 @@
<img class="icone icone-son" aria-hidden="true" src="vector/sound-off.svg"> <img class="icone icone-son" aria-hidden="true" src="vector/sound-off.svg">
</a> </a>
<a id="youtube-link" class="btn btn-default" href="https://youtu.be/RX_VXNl1xvg"> <a id="youtube-link" class="btn btn-default" href="https://youtu.be/ykNBS69MA-w">
<i class="fa fa-youtube fa-2x" aria-hidden="true"></i> <i class="fa fa-youtube fa-2x" aria-hidden="true"></i>
</a> </a>
</header> </header>
@ -92,9 +92,9 @@
<source src="video/portfolio/roy.webm" type="video/webm"> <source src="video/portfolio/roy.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="xy4rGshm9us" data-options="autoplay=1&loop=1&playlist=xy4rGshm9us"> <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="287796820" data-options="autoplay=1&loop=1&autopause=0">
<video loop muted poster="img/portfolio/city.jpg"> <video loop muted poster="img/portfolio/amp.jpg">
<source src="video/portfolio/ci.webm" type="video/webm"> <source src="video/portfolio/amp.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="FVdhdDV8rYY" data-options="autoplay=1&loop=1&playlist=FVdhdDV8rYY"> <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="FVdhdDV8rYY" data-options="autoplay=1&loop=1&playlist=FVdhdDV8rYY">
@ -112,7 +112,7 @@
<source src="video/portfolio/or.webm" type="video/webm"> <source src="video/portfolio/or.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="202941724" data-comment="Tableau de Santiago Rusiñol y Prat que j'ai animé avec Clémentine Mériadec pour une diffusion au musée GOYA de Castres."> <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="202941724" data-comment="A painting by Santiago Rusiñol y Prat, animated with Clémentine Meriadec for the Goya Museum">
<video loop muted poster="img/portfolio/jar.jpg"> <video loop muted poster="img/portfolio/jar.jpg">
<source src="video/portfolio/jar.webm" type="video/webm"> <source src="video/portfolio/jar.webm" type="video/webm">
</video> </video>
@ -157,19 +157,34 @@
<source src="video/portfolio/temple.webm" type="video/webm"> <source src="video/portfolio/temple.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="element-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-sketchfabid="867f16ceee8746dfb8fd428a77cf9b57"> <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="gsdaZ-aeHaM" data-comment="This is the story of a special mushroom who will, during some adventures, meet an old friend again. Released in December 2018">
<div class="portfolio-container"> <video loop muted poster="img/portfolio/mush.jpg">
<img class="dynamic-zoom" src="img/portfolio/her.jpg" /> <source src="video/portfolio/champi.webm" type="video/webm">
</div>
</div>
<div class="element-portfolio video-portfolio col-lg-4 col-sm-6">
<video loop muted poster="img/portfolio/def.jpg">
<source src="video/portfolio/def.webm" type="video/webm">
</video> </video>
</div> </div>
<div class="element-portfolio video-portfolio col-lg-4 col-sm-6"> <div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-youtubeid="RV0M18MpDtQ" data-comment="Here is my graduation film at Ecole Supérieure de l'AudioVisuel (ESAV). Seven days before my defense, I was burglarized and I made this alternative ending in three days. Released in June 2017">
<video loop muted poster="img/portfolio/water.jpg"> <video loop muted poster="img/portfolio/roy.jpg">
<source src="video/portfolio/water.webm" type="video/webm"> <source src="video/portfolio/roy.webm" type="video/webm">
</video>
</div>
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#carouselSculptingModal">
<video loop muted poster="img/portfolio/st.jpg">
<source src="video/portfolio/st.webm" type="video/webm">
</video>
</div>
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="195989917" data-comment="Movie opening exercise for a meeting with GOBELINS's students, I composed the music.">
<video loop muted poster="img/portfolio/pomp.jpg">
<source src="video/portfolio/pomp.webm" type="video/webm">
</video>
</div>
<div class="element-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-sketchfabid="7507e61126754169937a24858981b185">
<div class="portfolio-container">
<img class="dynamic-zoom" src="img/portfolio/Metal Carrot1.jpg" />
</div>
</div>
<div class="element-portfolio video-portfolio clickable col-lg-4 col-sm-6" data-toggle="modal" data-target="#iframeModal" data-vimeoid="202941724" data-comment="A painting by Santiago Rusiñol y Prat, animated with Clémentine Meriadec for the Goya Museum">
<video loop muted poster="img/portfolio/jar.jpg">
<source src="video/portfolio/jar.webm" type="video/webm">
</video> </video>
</div> </div>
</div> </div>
@ -391,14 +406,14 @@
var player; var player;
function onYouTubeIframeAPIReady() { function onYouTubeIframeAPIReady() {
player = new YT.Player('player', { player = new YT.Player('player', {
videoId: 'RX_VXNl1xvg', videoId: 'ykNBS69MA-w',
playerVars: { playerVars: {
autoplay: 1, autoplay: 1,
controls: 0, controls: 0,
disablekb: 1, disablekb: 1,
loop: 1, loop: 1,
modestbranding: 1, modestbranding: 1,
playlist: 'RX_VXNl1xvg', playlist: 'ykNBS69MA-w',
rel: 0, rel: 0,
showinfo: 0 showinfo: 0
}, },

BIN
video/portfolio/amp.webm Normal file
View File

Binary file not shown.