Difference between revisions of "Team:Pasteur Paris/test"

Line 7: Line 7:
 
}
 
}
 
</style>
 
</style>
−
<style>
+
    <style>
 
       div.video {
 
       div.video {
 
         width:70%;
 
         width:70%;
Line 21: Line 21:
 
       div.video2 {
 
       div.video2 {
 
         width:85%;
 
         width:85%;
−
         margin-left:10%;
+
         left:7%;
−
         position:absolute;
+
         display:none;
−
         top:2%;
+
         top:4%;
 
         cursor:auto;
 
         cursor:auto;
 
         height:auto;/*45vw*/
 
         height:auto;/*45vw*/
 
         height:90%;
 
         height:90%;
 
         cursor:pointer;
 
         cursor:pointer;
−
          
+
         position:fixed;
 
       }
 
       }
 
       div.fond {
 
       div.fond {
 
         width:100vw;
 
         width:100vw;
 
         height:100vh;
 
         height:100vh;
−
         background-color:rgba(0,0,0,0.7);
+
         background-color:rgba(0,0,0,0.8);
 
         z-index:4;
 
         z-index:4;
 
         position:fixed;
 
         position:fixed;
 
         top:0;
 
         top:0;
 
         left:0;
 
         left:0;
 +
        color:white;
 
         display:none;
 
         display:none;
 +
      }
 +
      div.fermeT {
 +
      background-color:white;
 +
      }
 +
      div.fermeT:hover {
 +
      background-color:rgb(200,200,200);
 +
        cursor:pointer;
 
       }
 
       }
 
     </style>
 
     </style>
Line 50: Line 58:
 
         Play full video </p>
 
         Play full video </p>
 
     </div>
 
     </div>
−
     <div> </div>
+
     <div>
 +
 
 +
    </div>
 
     <div id="fond" class="fond">
 
     <div id="fond" class="fond">
−
        
+
       <div class="fermeT" style="height:50px;width:50px;position:fixed;top:0;right:0;opacity:1;">
 +
        <div style="height:10%;width:80%;background-color:black;position:relative;top:45%;transform-origin:50% 50%;transform:rotate(45deg);left:10%;border-radius:3px 3px;">
 +
        </div>
 +
        <div style="height:10%;width:80%;background-color:black;position:relative;top:35%;transform-origin:50% 50%;transform:rotate(-45deg);left:10%;border-radius:3px 3px;">
 +
        </div>
 +
      </div></div>
 +
    <div id="video2" style="z-index:5;" class="video2"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/m8sa2u1treQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
     </div>
 
     </div>
 
     <script>
 
     <script>
−
 
  
 
       document.getElementById("video").addEventListener("click", print);
 
       document.getElementById("video").addEventListener("click", print);
−
       function print(){
+
 
−
        var gliss = document.documentElement.scrollTop +20;
+
       function print(){    
−
         document.getElementById('paragraphe').innerHTML = document.documentElement.scrollTop +  "ok";
+
         document.getElementById("video2").style.display = "block";
−
        document.getElementById('bodyContent').innerHTML += '<div id="video2" style="z-index=5;top:'+1.10*gliss+'px;" class="video2"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/m8sa2u1treQ?&autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>';
+
 
document.getElementById("fond").style.display = "block";
 
document.getElementById("fond").style.display = "block";
−
         /*document.getElementById('bodyContent').innerHTML*/
+
         document.getElementById("fond").addEventListener("click",deprint);
 +
        document.getElementById("video2").innerHTML = '<iframe width="100%" height="100%" src="https://www.youtube.com/embed/m8sa2u1treQ?&autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
 +
      }
 +
   
 +
      function deprint(){
 +
        document.getElementById("fond").style.display = "none";
 +
        document.getElementById("video2").style.display = "none";
 +
        document.getElementById("video2").innerHTML = null;
 
       }
 
       }
−
     
 
−
document.getElementById("fond").addEventListener("click",function(){
 
−
      document.getElementById("fond").style.display = "none";
 
−
      });
 
−
 
  
 
     </script>
 
     </script>
 
</html>
 
</html>

Revision as of 17:22, 12 October 2019

  • Safety
  • Juddging Form
  • Human Pratices

  • Education
    Law
    Events
  • Project
  • Description
    Design
    Results
    Entrepreneurship
    Demonstrate
    Chalenges
    Improve
  • Team
  • Team members
    Collaborations
    Attributions
  • Sciences
  • Notebook
    Results Attributions
  • Awards
  • About Us

    • SAFETY

    JUDGING  FORM

    HUMAN  PRACTICES

  • Interview Collaboration Law & Ethics

    • PROJECT

  • Description Entrepreneurship Demonstrate Improve

    • HOME

    TEAM

  • Team members Attributions
    • Picto Sciences

    Sciences

  • Notebook Results
    • 1

    AWARDS

  • Medals Demonstrate Special Prizes
    • iGEMPASTEURPARIS2019

    ABOUT  US

    ecr-v-1
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-p-2
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-p-2
    ecr-v-1
    ecr-p-2
    ecr-v-1
    ecr-p-2

    Play full video