Difference between revisions of "Team:Ruperto Carola"

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 playsinline preload>
 +
        <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 64: Line 68:
 
<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.pause();
−
   videosource.setAttribute('src', newmp4);
+
   videocontainer.setAttribute('display', none);
−
   videocontainer.setAttribute('loop', true);
+
   videocontainer2.setAttribute('display', inline-block);
−
   videocontainer.load();
+
   videocontainer2.play();
−
  videocontainer.play();
+
 
}
 
}
 
</script>
 
</script>
  
 
</html>
 
</html>

Revision as of 01:28, 22 October 2019


background image