Difference between revisions of "Team:Ruperto Carola"

 
(7 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
<html>
 
<html>
 
<head>
 
<head>
−
<link rel="shortcut icon" href="/favicon.ico" />
+
<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="videocontainer" autoplay muted playsinline onended="replacebyloop()">
+
             <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="/images/product/product-parent-hero.jpg" title="Your browser does not support the <video> tag"> <!-- Fallback -->
+
         <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 33: Line 40:
 
</div>
 
</div>
  
−
 
+
<!--
 
<div class="cubeworld">
 
<div class="cubeworld">
 
   <div class="scene">
 
   <div class="scene">
Line 57: Line 64:
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
</div>
 +
-->
  
−
  <div class="row pb-5 justify-content-center" style="margin-top: 2rem;"">
 
−
    <div class="col-10 rounded shadow">
 
−
      <div class="card-body">
 
−
        <div class="embed-responsive embed-responsive-16by9">
 
−
          <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/fT7pFSfVZBI" allowfullscreen></iframe>
 
−
        </div>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
 
</div>
 
</div>
  
 
<script type='text/javascript'>
 
<script type='text/javascript'>
 
var videocontainer = document.getElementById('videocontainer');
 
var videocontainer = document.getElementById('videocontainer');
−
var videosource = document.getElementById('videosource');
+
var videocontainer2 = document.getElementById('videocontainer2');
−
var newmp4 = 'https://static.igem.org/mediawiki/2019/7/7e/T--Ruperto_Carola--video-landingloop.mp4';
+
  
 
function replacebyloop() {
 
function replacebyloop() {
−
   videocontainer.pause();
+
   videocontainer.setAttribute('display', none);
−
  videosource.setAttribute('src', newmp4);
+
   videocontainer2.setAttribute('display', block);
−
   videocontainer.setAttribute('loop', true);
+
   videocontainer2.play();
−
   videocontainer.load();
+
}
−
   videocontainer.play();
+
 
 +
function loop() {
 +
  videocontainer2.currentTime = 0;
 +
   videocontainer2.play();
 
}
 
}
 
</script>
 
</script>
  
 
</html>
 
</html>

Latest revision as of 03:18, 22 October 2019


background image