Flipbooks - YouTube video via iFrame Link

Disclaimer

  • These are general guidelines only and we offer them only to be helpful.  You can apply these same concepts not just for Youtube, but for other 3rd party Video services or even your own video delivery method.
  • We do not officially support these methods as their effectiveness may change over time
  • NOTE:  Now Supported on Mobile>Tablets!  Smartphones will load up the video in a new tab considering the small screen size doesn't lend itself well to a popup

Youtube Embedding in IFrame

Youtube controls how its videos are embedded within an iFrame so if you try and link to the standard share link, the iFrame will show a blank white background.

By following the directions on this article to create links , just use this format in your link destination and choose a Link Target of iFrame popup:

  • http://www.youtube.com/embed/videoID (where videoID is the unique video ID of the video you wish to display)
  • DONT USE: http://youtu.be/videoID  OR http://www.youtube.com/watch?v=videoID

Finding the Embed Code on Youtube

On the Youtube site, you'll be grabbing that embed link through their full embed code:
Below the Video > Share > Embed > the embed URL will be within the iFrame tags in the format of:

<iframe .........src="http://www.youtube.com/embed/8JfIh4CVCug".....iframe>

You'll use that URL after the src=" and before the ending "

Query Appends

 If you want your video to auto play, just add this to the end of your link:

  • ?autoplay=1

 If you don't want related videos to show after your video has completed playing, just append the below to the end of your link:

  • ?rel=0

If you would like to use both of these queries append the following to the end of you link:

  • ?autoplay=1&rel=0

The behavior would be similar to the following page where you click on a link and the video opens up in an iFrame popup.

http://www.epageflip.net/issue/44423

Embed Code For Playlist

You can also use a playlist embed code in the iFrame popup.  Just follow this format:

http://www.youtube.com/embed/videoID?list=playlistID

Where videoID is the ID of the first video in the playlist, and playlistID is that playlist's unique ID.

Previous Article
Flipbooks - Embedded video show a black box when page first loads?
Flipbooks - Embedded video show a black box when page first loads?

Embed Videos - why it shows a placeholder box when the page first loads.

Next Article
Direct link to specific page of your Flipbook
Direct link to specific page of your Flipbook

Direct link to a specific page within a Flipbook