Join Keith Gilbert for an in-depth discussion in this video Place video in an EPUB, part of InDesign: Fixed-Layout EPUB Interactive Techniques & Publish Online.
- Once you've prepared your video to the proper specifications and compressed it as aggressively as possible, using the video in your layout is easy. In the Exercise Files folder, open you 06_02_video_begin. Select a rectangle that I created to hold the video and choose File, Place. In the 06_including_video folder, in the Links folder, grab the Testimonial video with that mp4 file, and click on the Open button. The video fills that frame and the video is represented by diagonal white lines.
That's because we have our frame edges shown. If we hid the frame edges or went into preview mode, we wouldn't see those diagonal lines, but those lines indicate that there's video content within this frame. Next, I want to go to the Media panel. If you don't have your Media panel displayed on the screen, you can find it in Window, Interactive, Media. And in the Media panel, I have an opportunity to choose a poster image here. One thing that's often done is to choose From Current Frame and then use the scrubber up here to scrub through the video and find kind of a key frame that you really like and then once you find the frame that you like, to click on this little icon right here to use that.
However, we're not going to do that, we're going to instead choose the Choose Image option from this drop down. This will allow us to go out to our file system and find a nice high quality, high res JPEG or TIFF or PSD image and use that instead. So, I've got this Video_poster.jpg file in my Links folder. I'm going to open that up and that's going to appear as our poster image over here. Now, I'm going to double-click on that image twice to drill down and get the image within the video frame selected, and then right-click, go to Fitting, Fill Frame Proportionally.
That will make it fill the video frame. I'm going to click away from that video and then re-select it again, and I just want to point out that in the Media panel here, there's this Controller drop down that lists a whole lot of different types of controllers that you can choose from. Well, don't get too excited about that because you can't use that for ePUB or Publish Online output. So, we're going to have a built-in controller that is one type of controller, and that's our only option.
So, don't mess around with this controller choice, it's not going to do anything. So, let's preview what we got. We go to the EPUB Interactivity Preview panel, click the Play button. That should load the page. You'll see a controller at the bottom of the video and you'll see the poster image being displayed there. I'm going to turn the volume off here, and then I'm going to play this. And, then you'll see that the poster image gets replaced by the video and the video begins to play. Whenever I go back to the video, the controller appears, and I can pause it and play it. And, that's about my only option, really.
There is this icon in the bottom right that lets me go to full screen. Now that full screen option in the controller doesn't work in the EPUB Interactivity Preview panel. It will work when you look at the thing in your ePub viewer or in Publish Online. So, importing video and using it in an InDesign layout is much like working with still images. Armed with this knowledge, perhaps you can replace some of your still images with video clips in your next project.
- 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