- Videos are a great way to engage your reader, but there is a challenge when using them for a DPS project when you wanna mix them with static content. Because they're interactive, they will always play above that static content. Let me show you what I mean. I've got a file open here, and if I click here, you can see by this little icon in the corner that this is a video that's been placed on the page. I want to enhance this a little bit, and I wanna give it a, kind of a retro, photo album look.
So, I'm gonna open up my Layers panel, and I've already prepared the content for this. And I'm just gonna turn on my Layer, and you'll see what I've done. I've just created some of these little photo album tabs, and I've put them over the video to just make this look a little bit nicer. And, I'm not gonna do anything else. I'm just gonna close up the Layers panel. I'm going to open up the Folio Overlays panel, and let's just click on the Preview on Desktop, here.
That's gonna launch the Adobe Content Viewer. And, sure enough, that looks great. Well, it looks great, until I actually tap the video to play it. Let's see what happens. Once it's interactive, it's going to play on top of that static content. So, let's see how we can use a multi-state object to fix that. Let's close the Adobe Content Viewer. And, I can close the Folio Overlays panel, as well.
Now, let's select our tabs. And, let's just make sure that we've got them all selected. Let's look in the Layers panel. And, we can see that it's a good thing that I did check, because I've got the video selected, and I wanna get those tabs selected. So, let's just come on up here to the corners layer that I set up, and I'm gonna use the opt + click command here, to select everything on that layer. And now, I have my corners selected, and if I open this up, I can see that I actually just have a group of polygons, that I created earlier, to use for those tabs.
Now, here's where the trick comes in. I need to turn this into interactive content, so it will play above the video. So I can close up my Layers panel, now that I have this selected, and I'm gonna open up the Object States panel. Now, in some of the past lessons, we've always had more than one object to turn into a state. But I wanna create this so that this is just a multi-state object by itself.
Now before I do that, I have to keep in mind, because I want both of these states to be identical, I can only have one object when I do this. So, let's just close this up for a second. And, I'm gonna use the cmd + g keyboard shortcut to group these into one object. Alright, so let's go back to the Layers panel, and take a look again. And yes, all I have is one group selected. That's good, that's what I want. And, I'm going to go back to the Object States panel.
Now, I only have one object, and I wanna turn it into a multi-state object. Let's see what happens when I do this. And, what I have here is two identical states. And that's kinda what I want. And I'll show you why. I wanna make sure that I have the MSO selected, and let's just open the Object States panel to do that. I've only got each state selected. Let's come on up here to the button that's going to allow me to select the entire multi-state object.
And, there you can see the dashed line. Let's close up the Object States panel, and go back to the Folio Overlays panel, which is automatically going to open to the Slideshow pane. And I'm going to use the Auto Play choice. I'm gonna turn off everything else, including Loop. And I want it to Stop at the Last Image. So, it's gonna play once, and I can even change this Interval down to 0.125 seconds, which is the lowest that you could possibly have.
And, let's Preview this now and see what we get. Now, so far it looks the same, but let's see what happens when we click on the movie to play it. And this time, because the tabs are part of an interactive object, they can play on top of the movie. So, let's close that back up. And that's it. While to the user it may appear as static artwork, we've used a little bit of MSO magic to put that mask over the video.
- Working with the Object States panel
- Creating content for basic multistate objects (MSOs)
- Using layers and pages to create MSOs
- Adding and removing states
- Adding content
- Adding objects as states
- Controlling MSOs with buttons
- Using MSOs for interactive content
- Nesting MSOs