Template:Team Linkoping/popup video

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 3: Line 3:
<script type="text/javascript">
<script type="text/javascript">
function hide_video(){
function hide_video(){
-
document.getElementById("cover").style.visibility = 'hidden'
+
document.getElementById("cover").style.display= 'none';
}
}
</script>
</script>
Line 9: Line 9:
<body>
<body>
<div id="cover" style="position:fixed; top: 0; left: 0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.6);cursor:pointer;" onclick="hide_video();">
<div id="cover" style="position:fixed; top: 0; left: 0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.6);cursor:pointer;" onclick="hide_video();">
-
<div style="position:absolute;margin-left:50%;left:-260px;"><iframe width="520" height="426" style="margin-left:20px;margin-top:10px;"src="//www.youtube.com/embed/cNLbfJ47iCc?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
+
<div style="position:absolute;margin-left:50%;margin-top:5%;left:-390px;"><iframe width="780" height="639" style="margin-left:20px;margin-top:10px;"src="//www.youtube.com/embed/cNLbfJ47iCc?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</body>
</body>
 +
<script type="text/javascript">
 +
setTimeout("hide_video();",568000);
 +
</script>
</html>
</html>

Latest revision as of 18:46, 24 October 2013