Difference between revisions of "Team:Ruperto Carola/TD"

 
(10 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
<html>
 
<html>
−
 
−
<script type='text/javascript'>
 
−
function replacewGIF() {
 
−
    document.getElementById("GIFend").innerHTML = "<img src="https://static.igem.org/mediawiki/2019/7/75/T--Ruperto_Carola--img-landing_loop.gif>";
 
−
}
 
−
</script>
 
  
 
<div class="container-fluid">
 
<div class="container-fluid">
 
<div class="row">
 
<div class="row">
−
<div class="col pd-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" autoplay playsinline onended="replacewGIF()">
+
        <video class="embed-responsive-item" id="videocontainer" autoplay muted playsinline onended="replacebyloop()">
−
<source 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="/images/product/product-parent-hero.jpg" title="Your browser does not support the <video> tag"> <!-- Fallback -->
 
<img src="/images/product/product-parent-hero.jpg" title="Your browser does not support the <video> tag"> <!-- Fallback -->
−
        </video>
+
</video>
 +
 
 +
</div>
 
</div>
 
</div>
−
</div>
 
 
</div>
 
</div>
  
−
<div class="row pd-0">
+
<div class="row">
−
<img class="img-fluid" src="https://static.igem.org/mediawiki/2019/f/f8/T--Ruperto_Carola--front_v2.svg" alt="background image">
+
<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">
 +
</div>
 
</div>
 
</div>
  
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<script type='text/javascript'>
 +
var videocontainer = document.getElementById('videocontainer');
 +
var videosource = document.getElementById('videosource');
 +
var newmp4 = 'https://static.igem.org/mediawiki/2019/7/7e/T--Ruperto_Carola--video-landingloop.mp4';
 +
 +
function replacebyloop() {
 +
videocontainer.pause();
 +
videosource.setAttribute('src', newmp4);
 +
videocontainer.setAttribute('loop', true);
 +
videocontainer.load();
 +
videocontainer.play();
 +
}
 +
</script>
 +
 
</html>
 
</html>

Latest revision as of 00:34, 22 October 2019

background image