Difference between revisions of "Team:AFCM-Egypt"

Line 1: Line 1:
 
{{AFCM-Egypt}}
 
{{AFCM-Egypt}}
 
<html>
 
<html>
 +
<style>
 +
 +
/* Responsive IFRAME Embed Encoding
 +
    Adapts fixed pixel IFRAME sizes and makes them responsive. */
 +
 +
 +
/* First, define the common wrapper elements
 +
    Padding-top is for the fixed height header of the embedded content */
 +
 +
.mlbWrapper {
 +
    position: relative;
 +
    padding-top: 30px; height: 0; overflow: hidden;
 +
}
 +
 +
 +
/* Set the padding-bottom for 16:9 aspect ratio video  */
 +
.mlbWrapper{
 +
    padding-bottom: 56.25%;     
 +
}
 +
 +
 +
   
 +
/* Set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */   
 +
.mlbWrapper iframe,
 +
  {
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
 +
</style>
 +
<div class="mlbWrapper"><iframe src="https://static.igem.org/mediawiki/2017/8/85/DNA_Background_Video_Ruslan_2.mp4" width="400" height="224" frameborder="0">Your browser does not support iframes.</iframe></div>
 +
 +
  
−
<div class="container-fluid" style="margin-top: 80px">
 
−
<video source src="https://static.igem.org/mediawiki/2017/8/85/DNA_Background_Video_Ruslan_2.mp4" type='video/mp4'/></video>
 
−
</div>
 
 
<div class="clear"></div>
 
<div class="clear"></div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:12, 15 August 2017