Difference between revisions of "Team:Greece/human practices"

Line 41: Line 41:
 
                 void(document.getElementById('main-wraper').style.display = 'block');
 
                 void(document.getElementById('main-wraper').style.display = 'block');
 
                 void(document.getElementById('svg_graphics_box').style.display = 'block');  
 
                 void(document.getElementById('svg_graphics_box').style.display = 'block');  
−
                 void(document.getElementById('background_box').style.display = 'block');
+
                 void(document.getElementById('video').style.display = 'block');
 
              
 
              
 
                 // Change color of current link
 
                 // Change color of current link
Line 145: Line 145:
 
</svg>
 
</svg>
  
−
<!--Background Image Box-->
+
<!-- Video Background -->
−
<div class='background_box' id='background_box'>
+
<video id="video" autoplay="autoplay" muted="muted" preload="auto" loop="loop">
−
<img src='https://static.igem.org/mediawiki/2017/6/6f/GreeKom_desert_hd.jpeg' style='width:100%; height:100%;' />
+
<source src="https://static.igem.org/mediawiki/2017/2/2f/GreeKom_Ground_Zero_mp4.mp4" type="video/mp4">
−
</div>
+
<source src="https://static.igem.org/mediawiki/2017/3/36/GreeKom_Ground_Zero_webm.webm" type="video/webm">
 +
</video>
  
 
<!-- Subsection Box -->
 
<!-- Subsection Box -->
Line 184: Line 185:
 
.reveal{ display: block; }
 
.reveal{ display: block; }
  
 +
</style>
 +
 +
<!-- Special style -->
 +
<style>
 +
 +
video{
 +
    position: fixed;
 +
    display:none;
 +
    top: 0%;
 +
    left: 0%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    width: inherit;
 +
    height: inherit;
 +
    z-index: 999;
 +
    overflow: hidden;
 +
}
 
</style>
 
</style>
  

Revision as of 15:23, 5 September 2017

Loading...