Embed your On-Air Webinar onto your website

Using StreamYard On-Air you can easily embed your broadcast and live chat directly onto your website!

How to embed an On-Air Webinar

1. 1. On the Home page, select Create > On-Air webinar
   2. Select either Studio or Pre-Recorded as the source. Most choose the studio to go live, but if you've already recorded a video (on StreamYard or elsewhere) you can also upload that and stream it as if it were live.
   3. Add any additional destinations, if you'd like to multi-stream to any other platforms. This step is optional when you're embedding!
      
   4. Enter your title and description. Next, select the date and time, and choose whether or not you would like to enable registration.
      The description for your webinar will not appear on your website. However, the title will be shown on the registration form if registration is enabled.
      
   5. Click Create, then click Share with Viewers. Select Embed.  Choose whether or not you want the embedded player to have a fixed size, or be responsive to the browser window size.
   6. Copy and paste the embed code onto your website. Your viewers will see the stream and chat embedded together on your website when you go live on StreamYard! If you choose to disable the live chat in the earlier step, it will not appear.

You can find examples of how StreamYard On-Air looks once embedded into websites below!
The image above shows the registration page, which displays the webinar's title, start date and time, and registration fields. The color shown here depends on the color scheme selected during creation. Enabling registration for your webinar is optional. Learn more about customizing your webinar here!

The image above shows how the StreamYard On-Air player looks on the website. The webinar name is not displayed; however, your website could be designed to include it. 

🔍 What happens if someone tries to view the embedded webinar on a small screen?

The chat and player partition is responsive in nature. If the screen width is small, the chat window will be collapsed and will not show by default. It will become visible once the viewer clicks the View Chat icon in the top right.

Are you looking to embed a YouTube Live Stream to your site instead? Check out this article here.