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

Latest revision as of 00:34, 22 October 2019

@@ Line 1: / Line 1: @@
 {{Ruperto_Carola}}
 <html>
-<div class="embed-responsive embed-responsive-16by9">
+<div class="container-fluid">
-        <video autoplay muted loop playsinline poster="https://media.giphy.com/media/5CIRqPOk0141W/giphy.gif">
+<div class="row">
-        <source src="https://static.igem.org/mediawiki/2019/e/e3/T--Ruperto_Carola--img-landing_zoomout.mp4" type="video/mp4" />
+	<div class="col p-0">
-</video>
+		<div class="embed-responsive embed-responsive-16by9" id="GIFend">
+        		<video class="embed-responsive-item" id="videocontainer" 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">
+				<img src="/images/product/product-parent-hero.jpg" title="Your browser does not support the <video> tag"> <!-- Fallback -->
+			</video>
+		</div>
+	</div>
 </div>
-</html<
+<div class="row">
+	<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>
+<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>