Join Keith Gilbert for an in-depth discussion in this video Create a "pop-up" video, part of InDesign: Fixed-Layout EPUB Interactive Techniques & Publish Online.
- Sometimes you don't want a video to be visible until you tap a button. Or you might not have enough room on your page for a video. In this situation, you might want to create what I call a pop-up video. Here's how to do this. In the Exercise Files folder, open 06_04_video_begin. We're going to create a two state multi-state object and the second states of the mso is going to have a video on it. Then we'll control the mso with the button. On the pasteboard, I've already created all the artwork for one of the states of the mso, and grouped all the artwork together, and that artwork includes a video.
So I've already put that together for you. Over on the page, we're going to start by creating a clear, no-fill, no-stroke rectangle somewhere up in the corner. And I've gotten in the habit of rotating these little empty rectangles for this kind of situation 45 degrees, so they show up as a little diamond on the page, so they kind of stick out like a sore thumb when you're looking at the frame edges. And whenever I see one of these rotated rectangles, that tells me that that represents the hidden state of a multi-state object.
Now grab this grouped set of objects over on the pasteboard and drag that over onto the page, and then select that group and the clear rectangle that you just made, and make a new mso. Name the mso popup video mso, and name the first state hidden, and the second state visible. Select the hidden state, and draw a rectangle on top of this play button. And with that rectangle selected, go to the Actions dropdown in the Buttons and Forms panel, and choose Go To Next State of the popup video mso.
Then we're going to also add a second Action to this button, and this Action is a Video Action that plays the video called Testimonial_video. It even shows me in this dropdown that that Testimonial_video is within the popup video mso on the visible state. Next, select the rectangle that's in the upper left-hand corner, that should select the parent multi-state object. Go to the visible state, double-click to select the clear frame that's over the close button artwork, and add the Go To Next State Action to make that a button.
And then the last step is to select the parent mso again, and go to Object, Arrange, Bring to Front. That will ensure that the multi-state object is in front of the button that activates this thing. Go ahead and preview your work. And when you click on the play button, the video should play. And when you hit the close button, the video should disappear. Pretty slick.
Displaying a video this way doesn't require that the video take up any visible room in your layout. So it can be very useful in a wide variety of situations.
- Creating animated navigation buttons
- Building interactive slideshows
- Creating reveal buttons
- Adding multiple choice and branching quizzes
- Creating a scrolling panorama
- Embedding video
- Creating buttons to send email