This post was updated on December 23, 2015.

Create a “choose your own adventure” video using Vidyard’s customized Call to Actions. This feature allows you to watch a video, which ends with a final CTA containing several links. These link to more video players which, when clicked, cause the linked player to load in the same frame on the page.

A very powerful feature we have here at Vidyard is the ability to create fully customizable Call To Actions (CTAs), which come in two varieties: Pop-out CTAs and Final CTAs. One very creative use of our final CTA functionality is to create a “Choose Your Own Adventure” style set of videos. In this case, the viewer watches an initial video, which ends with a final CTA containing several links. These link to more video players which, when clicked, cause the linked player to load in the same frame on the page. This new player can also have the same style of final CTA and link to even more players, thus creating the “adventure” style method of viewing several different videos.

Setting up this style of final CTA is fairly straightforward; it requires some basic HTML knowledge and a server to host the final CTA HTML files.

First Step: Upload all the videos you wish to have as part of the “adventure” into their own, separate players. For each of these players, you will need the URL containing the fallback IFrame embed code for the next step. This embed code can be found on the sharing page:

inline video embed

From this embed code, you want the value of the src attribute, which should look something like this:

Second Step: We need to create the final CTA that will star the “adventure”; this is just a normal HTML file that the Vidyard IFrame will redirect to at the end of the video. This HTML will include links to the URLs IFrame embed codes that you obtained from all of your players. The default behaviour in browsers for links in IFrames is to open in the current frame. In other words, the default is target=”_self”, so no target attribute is needed.

Here is a very basic example.

Upload this HTML file into a publicly accessible area of your webserver or host and obtain the URL that links to this file.

Third Step: In the Modify Events page for the first player, place this URL in the Final Event section. Make sure that you do not select the option to “Redirect the whole page” – by selecting it, the final event will load in the parent page, not just the original Vidyard IFrame.

final video cta

You can repeat these steps and have the final CTA that appears in the initial player, replicated for each player to create an additional layer of depth to the adventure style videos; you can continue to repeat this as many times as you wish.

You can also link back to the first player if you wish to provide viewers the option to watch it again. The power is in your hands!

Tyler Campaigne