That is a flash magazine, we are recreating this in HTML5 using sencha animator and lot's of custom coding.
What we are doing now is more or less finding the best workflow to create and recreate these magazines.
So first we ask here if Sencha Animator can do things, if not I'll custom code it.
What we do is I overlay a javascript for a swipe action on tablets but desktop browsers ignore this.
When you swipe to go to the next page the next scene comes up (which in this case is the popup of video 1) What I actually want is to add these video's into the same scene as the main scene but have to popup act like a "lightbox" of some sort instead of a scene.
I hope this clears it up a bit if you do have an iPad please check the 2nd link on there too
If you want the popups to reside within the same scene, I'd create them in the scene, and then set the opacity:0 for each of them and give them a custom id. If you want to avoid them catching user input while they are hidden, you should also set the css property "display:none" for them using the start action of the scene or just move them off stage. Then use custom js on your action handlers to make each one visible as needed.
I'd figured it would be like this.
I'm actually creating a sort of second .js that we will host on our own CDN, that sort of extends Animator with basic magazine like functions.
This will be one function of the many (swipe, popups, swipe inside pages etc).
I do still have a lot of feature requests which I will just list in a new topic.
But I'm very happy with the software.
(outputted animations work so smooth in the new Chrome iPad app by the way)