Post
Ask Question

Video Embed Using Highlighted Content WebPart In SharePoint Online

Introduction

Recently our client provided us company anniversary video and asked us if we could add it to the SharePoint Online site and showcase the result. So, I thought about what the options available are. And I am writing this blog to showcase the options available and their advantages and limitations. Let’s see the options first:

If you want to check any previous options, you can click on that option in the above list and read more about that option.

If you want to add a video to your current site or any site in your tenant, then you can use this option. For this blog, we will use video from the SharePoint site. 

  1. Upload video to SharePoint Library.
  2. Now add Highlighted Content webpart to your page.


  3. Select the pencil icon to edit the web part.
  4. In the Source dropdown, select "A document library on this site".
  5. In the Document Library dropdown, select the document library where your videos are stored.
  6. In the Document type dropdown, select Video.
  7. In the Filter and Sort section, for the Filter dropdown, select Column name.
  8. In the Column name dropdown, select Name (File).
  9. In the next dropdown, select “Equals”.
  10. In the Enter search value field, enter the name of the video with the extension.  For example, in my case, we will enter “Sample Video 1.mp4”.
  11. In Layout, select carousal.
  12. Close the ribbon. Update the video title manually. 
  13. Save the page. 
  14. Video will render as below.

Advantage:

  1. The select option can pick videos from classic libraries, like site assets.
  2. Video is available to any user who has access to the file. If you want to manage permission, that can be done using SharePoint’s permission management. 
  3. The video takes full section width.
  4. The video provides you with expected functionality, like showing thumbnails and providing a play icon. On the play, the icon clicks, and the video starts.
  5. With Stream on SharePoint coming, Microsoft is promoting this option to build video gallery kind of functionality. You can read more below link:
    Link- https://learn.microsoft.com/en-us/stream/streamnew/portals-set-of-videos

Limitations:

  1. We need to provide the title in the carousal view manually.
  2. There is no description or caption functionality. However, you can overcome this by adding the details below the title. The only issue is the separation of the title and description is not identical, as both have the same font size. 
  3. On the play button click, it will open the video in the stream.