managed
We hold the credentials
WPIntegrate runs the client-credentials flow for your tenant. Your administrator grants consent once and is not asked again.
Released component
Video Gallery
Video Gallery gathers videos from SharePoint, OneDrive, YouTube, Vimeo and direct links into one grid on your site, with playback in the page.
The component platform is in pre-launch, so Office 365 Video Display for WordPress is the route open today — the same Microsoft 365 job, delivered as a WordPress plugin. If the web component is what you need, tell us and we will come back to you.
ridgeway college
Lecture recordings
- 41:20Structural loads
- 28:05Materials lab
- 1:02:11Guest seminar
- 17:44Field notes
- 33:57Site survey
- 09:12Safety briefing
Playback happens in the page, not on SharePoint or YouTube.
A drawing of Video Gallery on a fictional site, in our own tokens rather than a customer’s brand. The released component renders live Microsoft 365 data; this frame shows its arrangement only.
Putting it on the page
What you paste into the page.
Two lines, and neither of them is a build step. Everything the component shows is resolved from the key at request time, so the markup on the page is the last markup anyone writes.
What it does
How it works
The Video Gallery component pulls videos from one or more sources into a single gallery and renders them as a grid or a list with thumbnails, titles and duration badges. Sources can be mixed — a SharePoint folder alongside a handful of YouTube links — and any source can be switched off without losing its configuration.
Why it exists
Recordings end up scattered: some in a SharePoint folder, some on YouTube, some on a shared drive. This gathers them into one gallery on your own page, so a visitor sees a single collection instead of a list of links out to other people’s players.
- Element
<wpi-video-gallery>- Reads from
- SharePoint video folders, OneDrive, YouTube, Vimeo, Direct video URLs
- Arrangements
- 2 in the builder
- Graph access
managedorproxy— the tenant chooses
Where it runs
Anywhere you can paste two lines of HTML
A custom element needs no build step and no framework, so where your site is built is not a question you have to answer before this one.
- WordPress
- Webflow
- Squarespace
- Shopify
- Wix
- Astro
- Next.js
- Drupal
- SharePoint pages
- Plain HTML
Named as examples of places HTML can be pasted. No partnership is implied and none of these are customers. WordPress is the one that gets more than an embed — the same Microsoft 365 jobs also ship as plugins with a Gutenberg block.
In detail
Everything Video Gallery does.
7 capabilities, every one of them resolved from the embed key rather than written into the page.
-
Several sources, one gallery
SharePoint and OneDrive video folders, individual YouTube and Vimeo URLs, and direct links to video files can all feed the same gallery. Each source can be disabled without being deleted.
-
Grid or list, two to four columns
Column count is a builder setting and collapses on narrow screens. A maximum height turns the gallery into its own scroll area instead of a page that never ends.
-
Titles and duration badges
Both are switchable. Duration is read from the file wherever the source reports it.
-
Real thumbnails where the source has them
Thumbnails come from the source itself; where none exists the tile falls back to a coloured placeholder keyed to that source, so the grid stays even.
-
Preview against your real sources
Once a source is saved, the builder preview loads your actual videos rather than sample tiles, and reports per-source errors when a folder or URL does not resolve — so a misconfigured source is visible before the widget goes on a page.
-
Corner radius and custom CSS
Tile radius is a slider; anything beyond it is custom CSS scoped to the component.
-
Domain allowlist
The embed key only renders the gallery on the domains you list, so a copied embed snippet does not work anywhere else.
One of these you can have today.
Office 365 Video Display for WordPress is on sale in the store now and does this job inside WordPress. The web component is in pre-launch — if that is the delivery you need, tell us and we will come back to you.
Reaching your tenant
Two ways for us to reach Graph. One of them never lets us.
Every tenant runs in one mode or the other, and the choice belongs to your IT rather than to us. It is the reason this works inside organisations that will not delegate Graph access to a vendor.
proxy
You hold the credentials
You supply a base URL and an API key for your own gateway. We store that key encrypted at rest and never hold a Graph token at all.
Arrangements
Pick the shape that fits the page
Each of these is a setting on the instance, not a different component — the source, the theme and the embed key stay the same when you change it.
- Grid — two, three or four columns
- List
Questions
The things people ask before they buy.
If yours is not here, ask it — the answers come back from a person rather than a form.
Which video sources are supported?
SharePoint and OneDrive video folders, YouTube URLs, Vimeo URLs, and direct links to video files. One gallery can mix all of them.
Does it read subfolders?
No. A SharePoint or OneDrive source reads the folder you select, not folders inside it. Add a second source for a second folder.
Is Microsoft Stream supported?
Yes, by way of SharePoint. Stream stores videos in SharePoint document libraries, so a Stream video held in a SharePoint site is read as an ordinary SharePoint source.
Where does playback happen?
In your page. Selecting a tile opens the video in place rather than sending the visitor off to SharePoint, YouTube or Vimeo.
Do viewers need a Microsoft account for SharePoint videos?
No. Access is resolved server-side with the tenant’s credentials, so a visitor plays the video without signing in.