Skip to main content

How to Add a Livestream or Highlights Widget

Julia S. avatar
Written by Julia S.
Updated over 2 weeks ago

NOTE: The organization's ID is on the URL of the Organization Info page. The team's ID is on the URL of the Edit Team page.

Add a code using the Streaming Video page element to stream live or display a highlight on the organization's website.

Highlights Widget Code

To add all the organization's approved highlights, copy the code below and replace ######################## with the org ID.

<iframe 
title="Sport Engine Play Embeded Video"
src="https://studio.sportsengineplay.com/stream-list-widget?
video=true&organizationId=########################"
width="800"
allow="autoplay;
encrypted-media;
picture-in-picture"
allowfullscreen
height="655"
frameborder="0">
</iframe>

To add a team's approved highlights, copy the code below and replace ###### with the team code.

<iframe
title="Rapid Replay Highlight Player"
src="https://highlights-player.rapidreplay.co/highlights?teamCode=######"
allowFullScreen
height="600px"
width="100%"
style="border: none; overflow: hidden;"
/>

Livestream Widget Code

To add the Streaming Video page element for the team, copy the code below and replace ######################## with the team ID.

<iframe
title="Sport Engine Play Embedded Video"
src="https://studio.sportsengineplay.com/stream-list-widget?video=true&teamId=########################"
width="800"
allow="autoplay; encrypted-media; picture-in-picture"
allowfullscreen
height="655"
frameborder="0">
</iframe>

To add the Streaming Video page element for the organization, copy the code below and replace ######################## with the org ID.

<iframe
title="SportEngine Play Embedded Widget"
src="https://studio.sportsengineplay.com/stream-list-widget?video=true&organizationId=########################"
width="800"
allow="autoplay; encrypted-media; picture-in-picture"
allowfullscreen
height="655"
frameborder="0">
</iframe>
Did this answer your question?