Join Keith Gilbert for an in-depth discussion in this video Use autoplay video, part of InDesign: Fixed-Layout EPUB Interactive Techniques & Publish Online.
- Sometimes, you might want a video to play automatically as soon as a page is displayed on the screen. This can be a fun way to surprise and delight your readers. In the Exercise Files folder, open 06_05_video_begin, and then turn to page five of this file. We have a video we're going to place on this page that we want to to play automatically as soon as someone turns to page five. Go to File and choose Place, and in the 06 Including video folder in the Links folder, you'll see a file called Stop_motion_globe.mp4.
Select that and click on Open. We want to place this right on the left edge of the page underneath the headline, so click right about here, and you'll see that the video is sized perfectly to fit that opening. I resized and cropped the video in Photoshop to fit the exact dimensions that we needed. We saw how to do that in a previous movie. Now go to the Media panel, and select the Play on Page Load option, and make sure the Poster is set to From Current Frame and that it's grabbing one of the start frames from the video up here, and then let's preview this.
Now in the EPUB Interactivity Preview panel, there's one little change we want to make here from what we've been doing previously. We have been previewing just the current page usually when we do the preview. We want to preview the entire document in this case so that we can turn from page to page. In order to do that, you need to click on the little Set Preview Document Mode icon on the bottom right, and then go ahead and click the Play button. Now it'll take a little longer to preview this way because it has to load up and render the entire document, but now we can use the navigation buttons to turn from page to page, and you might click through this until you get to page five, and you should see the video start to play.
Pretty nice. Now, back up to page four, again though, and then, turn to page five and when you turn to page five, look at the bottom of the video. See the controller that appeared there briefly? If you missed it, try it again. The little Play and Fast Forward controller up here is briefly at the bottom of the video. That's really not desirable, and if you hover over the video, you'll see the controller appear again. We don't really care about that. We don't really need the user to be able to control this short little video clip, so let's see if we can figure out a way to hide that.
There's two ways to do that, actually. One way would be to actually crop the video in InDesign. Now, I said earlier, you really don't want to do that, but cropping a little bit off the bottom edge of the video will actually make the controller disappear, so that's one way to do it. So I'm going to undo that. In this case, we can actually just grab the video and slide the whole video to the bottom of the page, and since it's underneath all of the footer objects, those footer objects are just going to hide the controller.
So what we learned here is that if you put objects on top of a video, they stay on top, and that can be useful for a lot of different things. For example, you could put some text that floats over a video while the video plays. That could be useful. Let's preview this again and see if that works like we expected it to. Sure enough, now the controller doesn't appear, it's hidden behind the footer objects. This video is silent. You don't want to include blaring trumpets in an auto-play video, or you could give your readers a heart attack.
Remember, they aren't going to know when a video will play, so you could really surprise or embarrass them with unexpected, loud audio. As you can see, including auto-play video doesn't involve much work, and can be a nice way to spice up your files.
- 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