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();
document.getElementById("Stage_movie_1").style.top=scrollPos + "px";
var duration = sym.getDuration();
var percent = scrollPos / (animationHeight - stageHeight);
var time = duration * percent;
// Update timeline
var time_1 = Math.round(3413 * percent_1);
on this page:
I would be glad if someone finds out how to make correct controls!
Not sure what the issue is, aside from the page is slow to load, possible due to the movie file size. Aside from that, when scrolled the movie does navigate when scrolled as expected.
See here for an alternative use - How can I make a video play while scrolling?