Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script>
- const triggerPosition = ".video1"; //Change to trigger loading from somewhere else
- const onWhat = "video"; //On which elements animation will be added
- $(window).on("load", function () { //Loading function
- $(".pageloader").fadeOut(300); //Fades out loader when page loaded
- });
- $(document).ready(function () {
- document.documentElement.style.overflowX = 'hidden'; //Disable horizontal overflow
- if ($(triggerPosition).css('visibility', 'hidden') && $(triggerPosition).offset().top > 700) { //IF NOT YET LOADED...
- $(window).scroll(function () {
- let hT = $(triggerPosition).offset().top, //Calculate x where ".video1" appears
- hH = $(triggerPosition).outerHeight(),
- wH = $(window).height(),
- wS = $(this).scrollTop();
- if (wS > (hT + hH - wH)) { //IF SCROLED TO x where ".video1" appears
- addAnimations(onWhat);
- }
- });
- }
- if ($(triggerPosition).css('visibility', 'hidden') && $(document).scrollTop() > 200) { //If the player have scrolled, still load
- addAnimations(onWhat);
- }
- });
- function addAnimations(element) {
- $.each($(element), function (i, el) {
- setTimeout(function () { //Iteratively add timers to objects so they appear one by one
- $(el).css('visibility', 'visible'); //VISIBILITY: Hidden on each video by default, so have to remove
- $(el).addClass("sliding"); //ADD ANIMATION!
- }, 100 + (i * 100)); //Call itself and recalculate new time
- });
- }
- function playSound(e) {
- e.target.muted = false;
- e.target.volume = 0.9;
- e.target.play();
- e.target.scale
- }
- function stopSound(e) {
- e.target.muted = true;
- e.target.pause();
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement