How to Add a Live Streaming or Highlights Widget

NOTE: The organization's ID is found on the Organization Info page's URL.

To stream live or display a highlight on the organization's website, add a code using the Streaming Video page element.

Highlights Widget Code

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

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

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;"
/>

Live Streaming Widget Code

To add the Streaming Video page element, copy the code below and replace ADD LINK with the Streaming link.

<html>
    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link rel="stylesheet" href="main.css">
    </head>
    <body>
        <iframe title='Rapid Replay Video Player' src='ADD LINK' width='100%' height='100%' frameborder='0' allowfullscreen='allowfullscreen'></iframe>
    </body>

</html>