"
Template:Team Linkoping/popup video
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| - | <html><div style="position:fixed; top: 0; left: 0;width:100%;height:100%;background-color: rgba(0, 0, 0, 0.6);"><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></div></html> | + | <html> |
| + | <head> | ||
| + | <script type="text/javascript"> | ||
| + | function hide_video(){ | ||
| + | document.getElementById("cover").style.visibility = 'hidden' | ||
| + | } | ||
| + | </script> | ||
| + | </head> | ||
| + | <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 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> | ||
| + | </div> | ||
| + | </body> | ||
| + | </html> | ||
Revision as of 11:50, 2 October 2013
