- 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:
You'll use that URL after the src=" and before the ending "
If you want your video to auto play, just add this to the end of your link:
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:
If you would like to use both of these queries append the following to the end of you link:
The behavior would be similar to the following page where you click on a link and the video opens up in an iFrame popup.
Embed Code For Playlist
You can also use a playlist embed code in the iFrame popup. Just follow this format:
Where videoID is the ID of the first video in the playlist, and playlistID is that playlist's unique ID.