Difference between revisions of "Team:CSU CHINA"

Line 24: Line 24:
 
             animation-iteration-count:infinite;
 
             animation-iteration-count:infinite;
 
             -webkit-animation-iteration-count:infinite;
 
             -webkit-animation-iteration-count:infinite;
 +
        }
 +
        #myVideo{
 +
            z-index: 1000;
 
         }
 
         }
 
         @keyframes edgeword{
 
         @keyframes edgeword{
Line 39: Line 42:
 
     <script>
 
     <script>
 
         $(function(){
 
         $(function(){
−
             var video = document.getElementById("myVideo");
+
             var video = $("#myVideo");
 +
            var myedge = $(".edgeword");
  
 
             $("#homeimg").click(function () {
 
             $("#homeimg").click(function () {
 +
                myedge.css("height","0");
 
                 video.css("display","block");
 
                 video.css("display","block");
−
                sourceDom = $("<source src=\""+ "https://static.igem.org/mediawiki/2019/1/1b/T--CSU_CHINA--film1.mp4" +"\">");
 
−
                video.append(sourceDom);
 
 
                 video[0].play();
 
                 video[0].play();
 
             });
 
             });
  
 
             video.bind("ended",function () {
 
             video.bind("ended",function () {
 +
                myedge.css("height","100%");
 
                 video.css("display","none");
 
                 video.css("display","none");
 
             });
 
             });
Line 54: Line 58:
 
     </script>
 
     </script>
 
     <div class="container-fluid m-0 p-0">
 
     <div class="container-fluid m-0 p-0">
−
         <div class="row p-0 m-0" style="height: 97vh; width: 100%; margin-top: 76px;" id="homeimg">
+
         <div class="row p-0 m-0" style="height: 100vh; width: 100%; margin-top: 76px;" id="homeimg">
 
             <div class="col-12 p-0 m-0">
 
             <div class="col-12 p-0 m-0">
 
                 <div class="d-flex justify-content-center align-items-center edgeword" style="height: 100%; width: 8%; color: rgba(255,255,255,0.6); line-height: 100%; font-size: 1.5rem; left: 0; float: left;">
 
                 <div class="d-flex justify-content-center align-items-center edgeword" style="height: 100%; width: 8%; color: rgba(255,255,255,0.6); line-height: 100%; font-size: 1.5rem; left: 0; float: left;">

Revision as of 02:51, 22 October 2019

loading……

Home

C
L
I
C
K

T
O

W
A
T
C
H

V
I
D
E
O

C
L
I
C
K

T
O

W
A
T
C
H

V
I
D
E
O

footer