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

m
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;
 +
        height:90%;
 +
        cursor:pointer;
 +
       
 +
      }
 +
    </style>
 +
   
 +
   
 +
    <div id="video" class="video">
 +
        <video 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>
 +
    <script>
 +
 +
 +
      document.getElementById("video").addEventListener("click", print);
 +
      function print(){
 +
        var gliss = document.documentElement.scrollTop;
 +
        document.getElementById('paragraphe').innerHTML = document.documentElement.scrollTop +  "ok";
 +
        document.body.innerHTML += '<div id="video2" style="z-index=5;top:'+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.body.innerHTML += '<div class="fond-noir">'*/
 +
      }
 +
 +
      /* $(document.body).append('<div id="video" style="z-index=5" class="video"><video autoplay loop width="100%"><source src="https://www.youtube.com/embed/m8sa2u1treQ?&autoplay=1"></video></div>');
 +
    */
 +
 +
 +
    </script>
 
</html>
 
</html>

Revision as of 16:05, 11 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