Skip to main content

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_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.

  • name="X" - Specifies a name for the iframe
  • allow=“autoplay” - Allows for auto playback of the event within the iframe
  • allowfullscreen="true" - Allows you to expand the video to full-screen
  • width="X" - Specifies the width (in pixels) of the iframe
  • height="X" - Specifies the height (in pixels) of the iframe
  • scrolling="no" - Specifies whether or not to display scrollbars in the iframe
  • style="X" - Specifies the style elements of the hosted content
  • marginheight="X" - Specifies the top and bottom margins of the content of the iframe
  • marginwidth="X" - Specifies the left and right margins of the content of the iframe
  • frameborder="X" - Specifies whether or not to display a border around the iframe

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:

  • &tp_special=1 - Hides only the zoom browser warning
  • &tp_special=2 - Hides only the help button
  • &tp_special=4 - Hides only the player exit button
  • &tp_special=8 - Hides the Lobby Message that displays before an event begins

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

  • &tp_special=3 - Hides the zoom browser warning and help button
  • &tp_special=5 - Hides the zoom browser warning and player exit button
  • &tp_special=6 - Hides the player exit button and help button
  • &tp_special=7 - Hides all three buttons
  • &tp_special=9 - Hides the zoom browser warning and Lobby Message
  • &tp_special=10 - Hides the help button and Lobby Message
  • &tp_special=11 - Hides zoom browser warning, help button and Lobby Message
  • &tp_special=12 - Hides the player exit button and Lobby Message
  • &tp_special=13 - Hides the zoom browser warning, player exit button and Lobby Message
  • &tp_special=14 - Hides the help button, player exit button and Lobby Message
  • &tp_special=15 - Hides all three buttons and Lobby Message

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