Q.series classic Downloads
Q.series classic Downloads
Alle Q.series classic, einschließlich Datenblättern mit detaillierten Spezifikationen, Handbüchern, Anleitungen und Konfigurationsbeispielen.
function scrollVideo() {
var video = $('#video').get(0),
videoLength = video.duration,
scrollPosition = $(document).scrollTop();
video.currentTime = (scrollPosition / ($(document).height() - $(window).height())) * videoLength;
}
$(window).scroll(function(e) {
scrollVideo();
});
html {
height:100%;
}
body {
height: 4000px;
}
video {
position: fixed;
left: 50%;
top: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
transform: translateX(-50%);
}
h1 {
position: fixed;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%,-50%);
z-index: 99;
font-family: HelveticaNeue, Helvetica, sans-serif;
font-size:8vmin;
text-align:center;
color: white;
}
Scrollen Sie zum Abspielen des Videos
Weitere Informationen
Normaler Textblock