1 Reply Latest reply on Dec 31, 2014 3:13 PM by heathrowe

    Merging video in project

    SteeffR

      I pasted short video in my projects and i need simple manipulating with it by scrolling my page. But when all page is downloaded and i can scroll it, i can see, how roller runs over my movie, but picture doesnt change.

       

      i have the following code:

       

       

      var animationHeight = 9000;

      var stageHeight = sym.$("Stage").height();

      var scrollPos = sym.$("Stage").scrollTop();

      sym.$("body").append(sym.$("txt").css({"top":scrollPos}));

      document.getElementById("Stage_movie_1").style.top=scrollPos + "px";

      var duration = sym.getDuration();

      var percent = scrollPos / (animationHeight - stageHeight);

      var time = duration * percent;

       

      // Update timeline

      sym.stop(time);

      var percent_1=Math.max(0,Math.min(1,(percent-0.3)*10));

      var time_1 = Math.round(3413 * percent_1);

      if(time_1>0){

      document.getElementById("Stage_movie_1").currentTime=(time_1/1000);

      document.getElementById("Stage_movie_1").play;

      document.getElementById("Stage_movie_1").pause;

      }

       

      on this page:

       

      Scrolling Banner

       

      I would be glad if someone finds out how to make correct controls!