While the built-in event builder in Vidyard offers a wide variety of customization options, sometimes you may want to use a previously designed page or layout for your events by use of an iframe.
Iframes allow for easy access to external pages directly from the frame you are currently looking at.
In this article, we are going to look at what elements are required so that actions in the iframe can be used to close the event and resume playback.
Iframed content does not provide an option to continue playback after submitting a form or on-button click by default since the page being iframed does not have a direct way to communicate with other elements on your page.
This means that even after your viewers have filled out a form or clicked a download link, the player will not know these actions have been completed and will not resume playback automatically.
In theory, this could be solved by placing a "resume video" button on your MAP (Marketing Automation Platform) form submission confirmation page, and include references to the Vidyard player.
Our solution to this problem is to use an iframed form, but add some additional code to both your MAP and Vidyard event.
- Add the following script to your iframe code:
- Next, add the following script to the event that you created in the Vidyard event builder:
- Test to ensure that playback resumes after you complete the event.