Thanks for coming to InDesignSecrets.com, the world's #1 resource for all things InDesign!

Tip of the Week: Including YouTube Videos in Interactive Documents

This InDesign tip on including YouTube videos in interactive documents was sent to Tip of the Week email subscribers on November 22, 2016.

InDesignSecrets Tip of the Week

Sign up now and every week you’ll get a new tip, keyboard shortcut, and roundups of new articles, plus exclusive deals sent right to your Inbox!

Just scroll down to the bottom of this page, enter your email address, and click Go! We’ll take care of the rest. Now, on with the tip!


 

Ever wish you could include YouTube content in an interactive document exported from InDesign? You can do it if you export to EPUB 3 (fixed-layout or reflowable) or Publish Online.

First, go to YouTube and find the video you want. Then in the controls under the video, click Share, and then Embed.

indesign-tip-youtube-video

Copy the full embed code. Switch to InDesign. Make sure nothing is selected, and then paste. At first, you’ll see a small square while InDesign is checking the embed code.

indesign-tip-youtube-video-2

Then you’ll see a full-size frame where the video will be. Don’t worry if it shows an error message. That won’t show up in your exported file.

indesign-tip-youtube-video-4

Position the video frame where you want it in your layout.

indesign-tip-youtube-video-5

You can preview the video in the EPUB Interactivity Preview Panel.

indesign-tip-youtube-video-6

Then export to EPUB 3 and/or Publish Online. Note that the EPUB will not pass a validation check because the YouTube video is a remote resource not listed in the content.opf file inside the EPUB package. But as long as you have an internet connection, the video will play inside the EPUB.

indesign-tip-youtube-video-7

To see an example, check out this Publish Online document, featuring the silly but incredibly popular Pen-Pineapple-Apple-Pen song.

By the way, this same trick for Vimeo videos too. Just click on the Share button, then click on the embed code, copy it, and paste in InDesign.

ppapvimeo

Also, you can click on Show Options and decide whether to include things like the title, byline, text link, etc, before copying the code.

ppapvimeo2

Mike Rankin

Mike Rankin

Editor in Chief of InDesignSecrets.com, InDesign Magazine, and CreativePro.com. Author of lynda.com courses on InDesign and Illustrator. Husband. Dad. Dog walker.
Mike Rankin

Latest posts by Mike Rankin (see all)

  • - November 30, -0001
Tags
Related Articles
Comments

9 Comments on “Tip of the Week: Including YouTube Videos in Interactive Documents

  1. This is great. However, when I do this (from Youtube or Vimeo) and then size down my video (using scale or dragging) it looks fine but when I publish online I’ve got a small corner of my video and no controls. Any ideas??

    thanks

  2. Hi,

    I’ve embedded a youtube video in my file and then tried to create a button that hides the video when it’s clicked. However, the video still plays while hidden and the sound is still heard. Is there a way to control playback so that the video will pause once the button is clicked?

    Thanks!

  3. Hi,
    I had the same problem. It just worked when I deployed the book somewhere online and jut with readium cloud reader.

  4. a snag. the copy & paste works just fine, but then when I export to Epub (Fixed) it shows the video for a second without playing then goes blank white. no controls, nothing. ????

Leave a Reply

Your email address will not be published. Required fields are marked *