I have play with youtube's sprite animation but there is a problem. backgroundPositionX
won't work under Firefox (but works on Chrome and IE8)...
This is the code: https://jsfiddle.net/74RZb/
Extra info: the problem is that under firefox It doesn't change the background position (won't play the animation)... there are no errors, just doesn't change the background position.
Firefox doesn't support backgroundPositionX, but it does support background position
So we can do something like this:
psy.style.backgroundPosition = x+'px 0';
This sets the background position, X first, then Y.
Working example here