beautypg.com

Video overlays – Adobe Digital Publishing Suite User Manual

Page 77

background image

Video overlays

Supported video files you place in InDesign play when tapped in the viewer. For video files, use a format that is compatible with Apple iTunes, such
as an MP4 file with h.264 encoding. When creating the video, use Baseline Profile for optimal compatibility with Android devices. Use .mp4 instead
of .mov files, which are not supported in web viewer. If your video does not play properly in the viewer, re-encode the video to .mp4 h.264 using
Adobe Media Encoder or a third-party tool such as Handbrake.

Best practices for video files

For iOS viewers, you can play video inline or in full-screen mode. For Android viewers, you can play videos only in full-screen mode.

You can set up a video file to be played by letting users tap the view area or by creating separate buttons with the Video action. The Play,
Pause, and Stop options are supported. Resume and Stop All are not supported.

For best results with inline videos, create a movie in the appropriate dimensions, such as 400 x 300 pixels. Consider seting full-screen
movies to 1024 pixels wide. The maximum video size for the HD iPad is 1920x1080, although creating a video that large increases the folio
size. For a good balance between file size and quality, some publishers recommend 10-12 MB per minute of film. To reduce video size, some
publishers use Adobe Media Encoder or a third-party application such as HandBrake. For details, see Keith Gilbert's article

Compressing

Videos for Use in DPS

.

You can specify a URL to stream video only from an http: website. To stream video using an https: website such as YouTube or Vimeo,
create a Web Content overlay. In InDesign CS6 or later, you can use the Insert HTML command to insert the embed code of a YouTube clip.
Make sure that the embed code includes an "http://" prefix such as src="http://www.youtube.com/..." For best results, set the overlay to
Auto Play, and add a poster image on top of the overlay. For examples and instructions, see the Advanced Overlays issue of the free DPS
Tips app.

Videos stop playing when users move to a different article, but they keep playing when users move to a different page within the article. To
stop the video on page turn, a workaround is to auto-play a "dummy" video. For details, see Johannes Henseler's article

Stop a video when

going to the next page of an article

.

You can add video (including streaming video) to HTML articles. See Import HTML articles.

Creating Video overlays

1. Choose File > Place, and place the video file in your document.

2. Select the placed object, open the Media panel (Window > Interactive > Media), and specify a poster.

For a video file, you can choose an image or specify a frame from the video. For best results, choose an image that indicates the page item
is interactive. You can also create a poster image simply by placing a non-interactive object (such as a transparent play button) on top of the
video object.

3. Select the video object and specify any of the following options in the Folio Overlays panel.

74