Difference between revisions of "Team:Exeter"

 
(3 intermediate revisions by 2 users not shown)
Line 74: Line 74:
 
     })(jQuery);
 
     })(jQuery);
 
</script>
 
</script>
 +
 +
<script>
 +
var myVideo = document.getElementById("video1");
 +
 +
function playPause() {
 +
    if (myVideo.paused)
 +
        myVideo.play();
 +
    else
 +
        myVideo.pause();
 +
}
 +
 +
function makeBig() {
 +
    myVideo.width = 560;
 +
}
 +
 +
function makeSmall() {
 +
    myVideo.width = 320;
 +
}
 +
 +
function makeNormal() {
 +
    myVideo.width = 420;
 +
}
 +
</script>
  
  
 
<div id="infographic" onload="$('#element_to_pop_up').bPopup();">
 
<div id="infographic" onload="$('#element_to_pop_up').bPopup();">
  
<!-- Button that triggers the popup
+
<!-- Button that triggers the popup -->
 
<button id="my-button">Watch Our Video</button>
 
<button id="my-button">Watch Our Video</button>
<!-- Element to pop up  
+
<!-- Element to pop up -->
 
<div id="element_to_pop_up">
 
<div id="element_to_pop_up">
 
   <center>
 
   <center>
     <video width="320" height="240" autoplay>
+
        <button onclick="playPause()">Play/Pause</button>
         <source src="movie.mp4" type="video/mp4">
+
     <video id="video1" width="320" height="240" autoplay>
 +
         <source src="https://static.igem.org/mediawiki/2015/5/5c/Bovine_TB_1_.mp4" type="video/mp4">
 
         Your browser does not support the video tag.
 
         Your browser does not support the video tag.
 
     </video>
 
     </video>
     <p style="font-size:1em">Click outside window to close</p>
+
     <p style="font-size:1em">Click outside window to close</p> <a href="https://youtu.be/HTQQr_W3q2s"> Click to see our Video </a>
 
   </center>
 
   </center>
</div>-->
+
</div>
  
 
<img class="block" src="https://static.igem.org/mediawiki/2015/d/d6/Exeter_home1.png"/>
 
<img class="block" src="https://static.igem.org/mediawiki/2015/d/d6/Exeter_home1.png"/>

Latest revision as of 03:54, 19 September 2015

Click outside window to close

Click to see our Video
  • Contact us:
    exeterigem@gmail.com