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

(Replaced content with "{{Pasteur_Paris/wiki}} <html> <style> div.woaou{ overflow:hidden; } </style> </html>")
Line 7: Line 7:
 
}
 
}
 
</style>
 
</style>
 +
<style>
 +
      div.video {
 +
        width:70%;
 +
        margin-left:20%;
 +
        position:absolute;
 +
        top:20vw;
 +
        cursor:auto;
 +
        height:auto;
 +
        height:80%;
 +
        cursor:pointer;
 +
       
 +
      }
 +
      div.video2 {
 +
        width:85%;
 +
        margin-left:10%;
 +
        position:absolute;
 +
        top:2%;
 +
        cursor:auto;
 +
        height:auto;/*45vw*/
 +
        height:90%;
 +
        cursor:pointer;
 +
       
 +
      }
 +
      div.fond {
 +
        width:100vw;
 +
        height:100vh;
 +
        background-color:rgba(0,0,0,0.7);
 +
        z-index:4;
 +
        position:fixed;
 +
        top:0;
 +
        left:0;
 +
        display:none;
 +
      }
 +
    </style>
 +
    <div id="video" class="video"> <video autoplay="autoplay" loop="" width="100%">
 +
        <source src="https://www.uber-assets.com/video/upload/v1557263289/videos/webloops/1920x1080/WEBM/Ellis_TVC_WebLoop_1920x1080_h264_.webmhd.webm"
  
 +
          type="video/webm"> <source src="https://www.uber-assets.com/video/upload/v1557263268/videos/webloops/1920x1080/H264/Ellis_TVC_WebLoop_1920x1080_h264.mp4"
 +
 +
          type="video/mp4"> </video>
 +
      <p id="paragraphe" style="font-family:'Lato',sans-serif;color:white;position:relative;left:7%;font-size:40px;margin-top:-10%;width:auto;">
 +
        Play full video </p>
 +
    </div>
 +
    <div> </div>
 +
    <div id="fond" class="fond">
 +
     
 +
    </div>
 +
    <script>
 +
 +
 +
      document.getElementById("video").addEventListener("click", print);
 +
      function print(){
 +
        var gliss = document.documentElement.scrollTop +20;
 +
        document.getElementById('paragraphe').innerHTML = document.documentElement.scrollTop +  "ok";
 +
        document.body.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('bodyContent').innerHTML*/
 +
      }
 +
     
 +
document.getElementById("fond").addEventListener("click",function(){
 +
      document.getElementById("fond").style.display = "none";
 +
      });
 +
 +
 +
    </script>
 
</html>
 
</html>

Revision as of 10:37, 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