Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
.vscode
assets
config
src
teams
.editorconfig
.gitignore
.yo-rc.json
README.md
gulpfile.js
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

video

Summary

This project contains a SharePoint Framework web part that shows a video with an optional link and text.

video web part

The web part contains 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

Used SharePoint Framework Version

drop

Minimal path to awesome

git clone the repo
npm install
gulp serve

Features

This sample illustrates the following concepts on top of the SharePoint Framework:

  • Using React for building SharePoint Framework web parts.
  • Support for a full-width column layout.
  • Using Placeholder reusable control from @pnp/spfx-controls-react.
  • Using Office UI Fabric for responsive layout.
  • Using React functional components and higher order components (HOC).
You can’t perform that action at this time.