This SharePoint tutorial will discuss how to embed code web part in SharePoint Online. Using embed code web part, we can display content from other sites like Youtube or Bing Maps, Video, etc. Also, we can either use the site’s web address for the content or embed code that the site provides.
Also, I will explain how to add and display the content in an embed code web part in SharePoint Online and how to connect the embed code web part to the list web part in SharePoint Online.
Moreover, I will demonstrate how to display a SharePoint list from other SharePoint sites using embed code.
Why is the Embed Code web part used in SharePoint?
- Instead of downloading the video, image, or other media, we can use Embed Code or a link to display the content.
- We can embed content from some websites by copying and pasting the site’s web address for the content into the Embed web part.
- Embed code must be iframe-based; script tags are not supported.
Embed Code Web Part in SharePoint Online
In this section, we will see how to display content using a web address in the embed code web part in SharePoint Online.
- Open the SharePoint Online page -> Now click on the + (Add new web part) -> Search for Embed </> web part, then select it as shown below:
- Now, we can see that embed web part will be added to a SharePoint site page as shown below:
- Also, a dialogue box will be represented [Right-hand side] as Embed -> now provide the website address or embed code. [Now I have provided a youtube video link to display a video here]
- Then the embed code web part (youtube video) will be displayed on the SharePoint page.
This is how to add and display content in the modern SharePoint embed code web part.
Connect Embed Code WebPart to List WebPart in SharePoint Online
Likewise, we will go through how to connect the embed code web part to the List Web Part in SharePoint Online.
For example, I have a SharePoint list that has a column like:
- Title (We have taken a video title here, it is a Single line of text)
- Youtube ID (Youtube video link, which is a hyperlink type column)
- Youtube Video ID (We have taken a Youtube ID here)
Now, on the SharePoint site page, I have taken the two-section and added a list web part in one section and in another section added an embed web part as shown below:
- In the Embed property pane, click on three ellipses (…) to connect it to a source.
- Now, in Connect to Source -> select the SharePoint list you already added.
- In the Website address or embed code box, paste the website address copied from youtube below.
- The below code is the web address of a youtube.[v=$YouTubeVideoID is the ID of the video link].
Web address : https://www.youtube.com/watch?v=[$YouTubeVideoID]
- Click on Save as draft on the top left side of the Page.
- Once done, the SharePoint list will be connected to the Youtube video link.
- By selecting the items in the list adjacent to it, the video will play regarding the chosen item of SharePoint lists.
This is how to connect the embed code web part to the list web part on SharePoint Online.
Display Lists from Other SharePoint Sites Using Embed Code Web Part
Likewise, in this section, let me show you how to display lists from one SharePoint site to another SharePoint site using Embed code.
- Add an Embed web part to a SharePoint site page.
- In the Website address or embed code, paste the Url of another SharePoint list.[Here, I have taken other SharePoint site list URLs]
- Click on Save as draft.
- Once done, it will display the other SharePoint list on our SharePoint site page using the embed code web part.
This is how to display lists from one SharePoint site to another SharePoint site using Embed code.
Conclusion
Here, I have shown you the modern SharePoint embed code web part, which can embed content from some websites by copying and pasting the site’s web address into the Embed web part.
Also, I have covered how to add and display the content in an embed code web part in SharePoint Online and how to connect the embed code web part to the list web part in SharePoint Online. Moreover, I have explained how to display lists from other SharePoint sites using the embed code web part.
You may also like:
- Group Calendar Web Part in SharePoint Online
- Office 365 Connectors Web Part in SharePoint Online
- Site Activity Web Part in SharePoint Online
- Text web part in SharePoint Online
- Organization Chart Web Part in SharePoint Online
Preeti Sahu is an expert in Power Apps and has more than 6 years of experience working with SharePoint and the Power Platform. As a Power Platform expert for Power BI, Power Apps, Power Automate, Power Virtual Agents, and Power Pages, she is currently employed with TSinfo Technologies. She is the author of the book Microsoft Power Platform A Deep Dive. She also made a big technical contribution to SharePointDotNet.com in the form of articles on the Power Platform. She enjoys traveling and spending time with her family in her spare time.