1. Socialive Support Center
  2. Articles home
  3. Socialive Admin Portal
  4. Players

Embedding Your Socialive Sessions on Your Website or Blog

Using Socialive Players, you can embed your sessions on your website or blog in a matter of minutes. Essentially, a Player is a snippet of code that you embed on your website that displays as a video. The embed code plays a Socialive session, allowing you to display the video without having to actually host anything on your website. You can create multiple players and embed them on different pages throughout your website. In Socialive Studio, you can select the Players you want to livestream.


In this article, we will go over the steps to:

Prerequisites

If you are interested in adding a Socialive Player to your plan, please reach out to your Customer Success Manager.


If you already have Players in your plan, you need to be an administrator to create a Player.


Creating a Socialive Player

  1. In Socialive, open the Settings menu (a) and click Players (b). You will see a list of players created in your Socialive account.
  2. Click New Player at the top right.
  3. On the next page, enter the Player Details.
    1. Enter the Player Name.
    2. Enter the Description of your player.
    3. Upload a Cover Image for your Player.
  4. Click Save. Once you click save, you will be taken back to the page displaying all the Players created in your account, including the one you just created.

Embedding a Player on Your Website

Now that the player is created follow the steps below to embed the player into your website or app.

  1. From the Players page, click on the name of the player you created previously.
  2. On the right side of the Player Details page, you will find the embed code for your player.
  3. Click Copy under the code or highlight the text and copy it to your clipboard.
  4. Paste the code in the HTML file of the website and save or publish it to your webpage. The video should display inline where you placed the code.

Depending on where you are embedding your video and how your website is set up, you may need to alter the code. Please contact your webmaster for details.


Livestream to a Socialive Player

  1. From the Socialive Web Portal, navigate to My Sessions, and create a new session or enter an existing one to open Socialive Studio.
  2. On the right-side panel, under "Where do you want to livestream?", click the Socialive logo (first icon).
  3. In the pop-up window that appears:
    1. Toggle on the Socialive Player you created previously.
    2. Enter or change the Title.
    3. Enter the Description.
  4. Click Done.
  5. When you start your session, it will automatically update your player(s) and auto-play the livestream.

    There is typically 10-15 seconds of latency, or delay. This is the amount of time between something that happens in Studio and the display of that livestream on the viewer's screen.

  6. Once you finish, the video will be saved within that player's video playlist and is available for playback as video-on-demand (VOD) in the same player(s).

Still looking for an answer?

Contact Socialive Support via live chat, email at support@socialive.us, or submit a support ticket.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article