Video Web Part

The Video web part allows you to play videos in your SharePoint Online pages.

You can add the web part to a full-width section to make a great looking landing page, or add to multi-column sections to make your pages more dynamic. Additionally, you can specify a link to navigate to when a user clicks a video and an optional text that will be shown over a video.

Note: this post gives an overview of the Video web part functionality. If you are interested in implementation details, check the Video Web Part. Implementation details post.

The source code for the web part is available in the GitHub repository.

The web part contains the following properties:

  • Video link — link to a video file;
  • Poster link — link to an image that will be shown if a specified video is not available;
  • Link — optional link to navigate to;
  • Add text over video — toggle whether a text should be displayed over a video;
  • Title — text to show over a video;
  • Add filter over video — toggle whether to apply a dimming filter over a video.

video web part settings

Using video files instead of gif

Using video files instead of gifs allows loading pages faster. Video files are better optimized and are smaller in size. For example, the size of the video file at the top is 0.2 megabytes, while the same content in a gif file is 1.6 megabytes (eight times larger).

Free video for a demo is taken from the Coverr site.

Common Issue When Using Office UI Fabric in SPFx Projects
Video Web Part. Implementation Details