How to embed a Microsoft Teams Live Event in a SharePoint page

By João Ferreira May 16, 2023 Intranet 6 Comments

In today’s fast-paced and interconnected digital world, effective communication and collaboration are crucial for the success of any organization. Microsoft Teams has emerged as a powerful platform, empowering teams to connect, communicate, and collaborate seamlessly. One of its most valuable features is the ability to host live events, enabling organizations to reach a wider audience, facilitate virtual meetings, and deliver engaging presentations.

However, what if you want to combine the power of Microsoft Teams Live Events with the flexibility and familiarity of SharePoint? Luckily, Microsoft has made it possible to embed Teams Live Events, giving users a unified experience and streamlining their workflow without the need for using the Microsoft Teams client.

When you embark on the journey of creating a live event in Microsoft Teams, you’ll come across two distinct options. The first option allows you to exclusively produce the event within Microsoft Teams itself. On the other hand, the second option gives you the flexibility to use an external encoder to connect with Microsoft Teams. While both options can be embedded, it’s worth noting that one option demands a bit more effort and configuration compared to the other.

How to embed a Teams produced live event

Once you create a live event directly within Microsoft Teams, you may notice that it doesn’t provide you with an embed code. By following the steps below, you’ll be able to manage the embedding process yourself:

1. Click the option Get attendee link to get the live event join link in your clipboard
   

   

2. To make it easier to follow the next steps, I recommend decoding the URL for better readability. It can be easily done using online tools like this one
3. Get the following values from the decoded link

   • Tid
   • Oid
   • Meeting

   

4. Replace the values in the following template (replace also the curly brackets)

   https://teams.microsoft.com/convene/meetings/{Tid}__{Oid}__{meeting}__0/join?embed=true

5. Replace the LIVE_EVENT_URL by the generated live event link in the following template (replace also the curly brackets)

   <iframe src="{ LIVE_EVENT_URL} " width="1280" height="720" frameborder="0" scrolling="no" allowfullscreen="" style="border:none;"></iframe>

6. Edit your SharePoint page and add the Embed webpart
7. Paste the iframe code in the Website address or embed code text area
8. Make sure the option Resize to fit the page is On so the video can adjust to the size of the page
   

   

How to embed a Teams Encoder live event

Embedding a live event in Teams using an external encoder is relatively easier since Microsoft provides the embed link directly. Once you create the live event, to add it to your SharePoint page, follow these simple steps:

1. Click the option Get embed HTML to get the live event join link in your clipboard
   

   

2. Edit your SharePoint page and add the Embed webpart
3. Paste the iframe code in the Website address or embed code text area
4. Make sure the option Resize to fit the page is On so the video can adjust to the size of the page
   

   

What happens when a live event is added to a SharePoint page

When a user visits the SharePoint page before the live event has started, they will be greeted with a black screen indicating that the event hasn’t commenced yet. However, as soon as the event goes live, users will witness the streaming directly within the page, enabling them to engage with the event in real time.

Once the live event comes to an end, if it has been recorded, the recorded version becomes instantly available on the page. The beauty of this integration is that there’s no need to alter the embed code or make any modifications. The recorded event seamlessly replaces the live stream, ensuring that users can conveniently access and replay the event content without any additional steps or delays.

By combining live events with SharePoint, you unlock the potential to deliver a distinct and enhanced user experience. With SharePoint web parts, you can go beyond the live event itself and enrich the SharePoint page with additional resources and a comprehensive event description.