How to Embed iFrame and JavaScript codes

Header Media

You can add a livestream at the header position of a session profile.

1. Select the "Others" option from the dropdown
2. Copy weblink and edit the code below 

3. Copy the edited embed code and insert it under Header Media 

   For formatting purposes, you will need to add a fixed CSS styling to the wrapper div/iframe (style='width:100%;height:100%;position:absolute;top:0;left:0;')

   Examples are shown below.

4. Click "Save"

How to look for the embed code

1. Look for the embed code on your Livestream provider website. 
2. Usually located within the “Share” or “Embed your livestream” or any other similar settings. 
3. Copy and paste or generate the embed code

Example of the embed code

We support the HTML embed code, our system can accept 2 types of the HTML embed code

1. HTML Javascript
2. HTML iframe

JavaScript Link to Embed Video

<script> // Your JavaScript goes here </script>

Code Sample: 

<div style=" width:100%; height:100%;position:absolute;top:0;left:0;"><script type="application/json">{ "channelId" : 18299, "language": "en-US", "commId" : 430341, "displayMode" : "standalone", "height" : "auto" }</script><script src=" https://www.brighttalk.com/clients/js/player-embed/player-embed.js"></script></div>

Iframe Link to Embed Video

<iframe src=" Your URL goes here" style="width:100%;height:100%;position:absolute;top:0;left:0;" title="Your title goes here"></iframe>

Code Sample: 

<iframe style=' width:100%;height:100%;position:absolute;top:0;left:0;' src='https://player.youku.com/embed/XNDQ4NDg5Njk1Mg==' frameborder=0 'allowfullscreen'></iframe>

------------------

<iframe style=' width:100%;height:100%;position:absolute;top:0;left:0;' src="https://www.youtube.com/embed/q_7Y24A6oFY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

------------------