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:
I would be glad if someone finds out how to make correct controls!