Difference between revisions of "Team:NKU CHINA"
| Line 7: | Line 7: | ||
padding:0px !important; | padding:0px !important; | ||
} | } | ||
| − | + | #loading { | |
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| Line 104: | Line 104: | ||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| − | + | $(function(){ | |
| − | + | var bgVideo=document.getElementById("bgvideo"); | |
| − | + | bgVideo.addEventListener('canplaythrough',function(){ | |
| − | + | $('#loading').remove(); | |
| − | + | }); | |
| − | + | }); | |
| − | } | + | |
</script> | </script> | ||
</head> | </head> | ||
<body> | <body> | ||
| − | <div | + | <div id="loading"> |
<p style="color: white; position: absolute;top: 47%;left: 42%;font-family:myTitle3;font-size:50px;">Loading...</p> | <p style="color: white; position: absolute;top: 47%;left: 42%;font-family:myTitle3;font-size:50px;">Loading...</p> | ||
</div> | </div> | ||
| Line 123: | Line 122: | ||
<div class="videocontainer"> | <div class="videocontainer"> | ||
<div class="fullscreenvideo" > | <div class="fullscreenvideo" > | ||
| − | <video autoplay muted loop> | + | <video id="bgvideo" autoplay muted loop> |
<source src="https://static.igem.org/mediawiki/2018/d/db/T--NKU_CHINA--home_bg.mp4" type="video/mp4"> | <source src="https://static.igem.org/mediawiki/2018/d/db/T--NKU_CHINA--home_bg.mp4" type="video/mp4"> | ||
</video> | </video> | ||
Revision as of 15:43, 13 October 2018
Loading...