Difference between revisions of "Team:AFCM-Egypt"

Line 10: Line 10:
 
     Padding-top is for the fixed height header of the embedded content */
 
     Padding-top is for the fixed height header of the embedded content */
 
   
 
   
−
.mlbWrapper {
+
.videoWrapper {
−
    position: relative;
+
position: relative;
−
    padding-top: 30px; height: 0; overflow: hidden;
+
padding-bottom: 56.25%; /* 16:9 */
−
    min-width: 100%;  
+
padding-top: 25px;
−
    min-height: 100%;
+
height: 0;
−
}
+
−
+
−
+
−
/* 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 */   
+
−
 
+
−
iframe {
+
−
width: 2000px;
+
−
height: 300px;
+
 
}
 
}
−
video {
+
.videoWrapper iframe {
−
  width: 100%   !important;
+
position: absolute;
−
  height: auto  !important;
+
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 
}
 
}
 +
 
  </style>
 
  </style>
  
−
<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="videoWrapper">
 +
    <iframe width="560" height="349" src="https://static.igem.org/mediawiki/2017/8/85/DNA_Background_Video_Ruslan_2.mp4" frameborder="0" allowfullscreen></iframe>
 +
</div>
  
  

Revision as of 04:58, 15 August 2017