Difference between revisions of "Team:Amoy"

Line 106: Line 106:
  
 
<div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;">
 
<div id="video_out" style="background-color: #fff; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index: 9991;">
<video id="video_mp4" src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Video.mp4" autoplay controls style="height: 100%;"></video>
+
<video id="video_mp4" src="https://static.igem.org/mediawiki/2015/3/31/Amoy-Home_Video.mp4" autoplay controls style="width: 80%; height: 100%;"></video>
<button id="video_back" style="display: none; position: fixed;">Back</button>
+
<button id="video_back" style="display: none; position: fixed; width: 5%; float: right;">Back</button>
 
</div>
 
</div>
 
</div>
 
</div>
Line 113: Line 113:
 
<script type="text/javascript">
 
<script type="text/javascript">
 
document.getElementById("video_button").onclick=function(){
 
document.getElementById("video_button").onclick=function(){
   document.getElementById("video_out").style.display="block";
+
   document.getElementById("video_out").style.display="inline-block";
   document.getElementById("video_back").style.display="block";
+
   document.getElementById("video_back").style.display="inline-block";
 
}
 
}
 
</script>
 
</script>

Revision as of 13:57, 7 September 2015

Aomy

Skip

  • 123
  • 456
  • 789
CSS3 Slider CSS Slideshow CSS Gallery

Hey! Look, we are doing experiment.Hey! Look, we are doing experiment.Hey! Look, we are doing experiment.

Learn more >

They are our experimental results. They are our experimental results.

Learn more >

CONTACT US

Email: igemxmu@gmail.com

Website: 2015.igem.org/Team:Amoy

Address: Xiamen University, No. 422, Siming South Road, Xiamen, Fujian, P.R.China 361005