|
|
| Line 6: |
Line 6: |
| | overflow:hidden; | | overflow:hidden; |
| | } | | } |
| − | </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="top:'+1.15*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="" class="video"><video autoplay loop width="100%"><source src="https://www.youtube.com/embed/m8sa2u1treQ?&autoplay=1"></video></div>');
| |
| − | */
| |
| − |
| |
| − |
| |
| − | </script>
| |
| − | </html>
| |
