(6 intermediate revisions by 3 users not shown) | |||
Line 4: | Line 4: | ||
<html> | <html> | ||
<head> | <head> | ||
− | <link rel="shortcut icon" href="/favicon. | + | <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2019/9/95/T--Ruperto_Carola--favicon.png" /> |
</head> | </head> | ||
Line 16: | Line 16: | ||
<div class="col p-0"> | <div class="col p-0"> | ||
<div class="embed-responsive embed-responsive-16by9" id="GIFend"> | <div class="embed-responsive embed-responsive-16by9" id="GIFend"> | ||
− | <video class="embed-responsive-item" id=" | + | <video class="embed-responsive-item" id="videocontainer1" autoplay muted playsinline onended="replacebyloop()"> |
<source id="videosource" src="https://static.igem.org/mediawiki/2019/e/e3/T--Ruperto_Carola--img-landing_zoomout.mp4" type="video/mp4"> | <source id="videosource" src="https://static.igem.org/mediawiki/2019/e/e3/T--Ruperto_Carola--img-landing_zoomout.mp4" type="video/mp4"> | ||
− | <img src="/ | + | <img src="https://static.igem.org/mediawiki/2019/7/75/T--Ruperto_Carola--img-landing_loop.gif" title="Your browser does not support the <video> tag"> <!-- Fallback --> |
+ | </video> | ||
+ | <video class="embed-responsive-item" id="videocontainer2" style="display: none;" muted preload onended="loop()"> | ||
+ | <source id="videosource2" src="https://static.igem.org/mediawiki/2019/7/7e/T--Ruperto_Carola--video-landingloop.mp4" type="video/mp4"> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/7/75/T--Ruperto_Carola--img-landing_loop.gif" title="Your browser does not support the <video> tag"> <!-- Fallback --> | ||
</video> | </video> | ||
Line 28: | Line 32: | ||
<div class="col p-0"> | <div class="col p-0"> | ||
<img class="img-fluid" src="https://static.igem.org/mediawiki/2019/a/af/T--Ruperto_Carola--img-landingv3.png" alt="background image"> | <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/a/af/T--Ruperto_Carola--img-landingv3.png" alt="background image"> | ||
+ | |||
+ | |||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
Line 64: | Line 71: | ||
<script type='text/javascript'> | <script type='text/javascript'> | ||
var videocontainer = document.getElementById('videocontainer'); | var videocontainer = document.getElementById('videocontainer'); | ||
− | var | + | var videocontainer2 = document.getElementById('videocontainer2'); |
− | + | ||
function replacebyloop() { | function replacebyloop() { | ||
− | videocontainer | + | videocontainer.setAttribute('display', none); |
− | + | videocontainer2.setAttribute('display', block); | |
− | + | videocontainer2.play(); | |
− | + | } | |
− | + | ||
+ | function loop() { | ||
+ | videocontainer2.currentTime = 0; | ||
+ | videocontainer2.play(); | ||
} | } | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 03:18, 22 October 2019
![background image](https://static.igem.org/mediawiki/2019/a/af/T--Ruperto_Carola--img-landingv3.png)