Embedding an Event

Using an iframe allows an event to be embedded into another website. Depending on your desired setup, you can customize the event to load the webcast player only or require viewers to register before loading the webcast player. This document will include basic iframe code examples and a list of parameters that can be used to customize how the webcast displays.

Support is not able to assist in customizing code. Any customization is the responsibility of the hosting party.

Example #1 - No Registration Required

When using an event's default registration form (First Name, Last Name, Company, and Email), the embed code below is used to bypass the registration page and automatically load the webcast player in the iframe.  Since viewers will not be required to register to view the presentation, reporting data on individuals will not be available.  If you customize the event's registration form for viewers accessing the event link directly, you will need to customize the embed code to include any additional parameters in the Event URL.

<iframe src="https://event.webcasts.com/starthere.jsp?ei=1234567&tp_key=bbcffdef6c&fname=FirstName&lname=LastName&company=CompanyName&email=Email@Address.com&tp_special=7" name="viewer" allow=“autoplay” allowfullscreen="true" width="800" height="600" scrolling="no" style="overflow:hidden;" marginheight="0" marginwidth="0" frameborder="0"></iframe>

Note: The Event URL (italicized in the example above) needs to be replaced with your Event URL.  You may also need to adjust other parameters of the iframe to fit your requirements.

Example #2 - Registration Required

When requiring registration, viewers will load the event's landing page and must complete the registration/login process in order to load the webcast player.  Since viewers will be required to register to view the presentation, reporting data on individuals will be available. 

<iframe src="https://event.webcasts.com/starthere.jsp?ei=1234567&tp_key=bbcffdef6c&tp_special=7" name="viewer" allow=“autoplay”  allowfullscreen="true" width="800" height="600" scrolling="no" style="overflow:hidden;" marginheight="0" marginwidth="0" frameborder="0"></iframe>

Note: The Event URL (italicized in the example above) needs to be replaced with your Event URL.  You may also need to adjust other parameters of the iframe to fit your requirements.

Example #3 - Responsive Code with Registration Required

Below is an example of responsive iframe code. The code may need to be customized based on your requirements. This example can be updated to bypass the registration process using the instructions above.

<!DOCTYPE html>
<html>
<head>
<title>Responsive iframe example</title>
<meta name="viewport" content="width=device-width" />
<style>
.wrapper {
width: 90%;
height: 90%;
margin: 0 auto;
min-width: 319px;
}
.resp-container {
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.resp-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow:hidden;
border: 0;
}
@media only screen and ( max-width: 769px){
.wrapper{
width: 100%;
}
}
</style>
</head>
<body>
<div class="wrapper">
<div class="resp-container">
<iframe class="resp-iframe" src="https://event.webcasts.com/starthere.jsp?ei=1234567&tp_key=bbcffdef6c&tp_special=7" scrolling="no" allow="autoplay, fullscreen" allowfullscreen></iframe>
</div>
</div>
</body>
<!-- gesture="media" -->
</html>

Note: The Event URL (italicized in the example above) needs to be replaced with your Event URL.  You may also need to adjust other parameters of the iframe to fit your requirements.

Optional Parameters

The optional parameters below can be used to customize the iframe used to host the event.

The following parameter allows the ability to hide the zoom browser warning, help button, player exit button and/or lobby message from displaying to viewers.  This can be accomplished by adding “&tp_special=#” at the end of the Event URL used in the iframe code.  The “#” entered will depend on which options they would like to hide.  "&tp_special=7" will be included in the sample embed examples above.  Below is a list of available options:

Adding together any of the numbers above allows you to hide a combination of the options:

Muting Playback

If you would like to mute the playback in the webcast, you can add the following parameter. Muting playback is commonly used for silent testing but can be included on events as needed.
 
By appending “&tp_player=1” to the webcast URL, playback will be muted for viewers


Revision #4
Created 25 May 2022 19:23:06
Updated 23 February 2023 16:42:44 by Matt Engel