CF Stream Block
Cloudflare Stream Gutenberg block for WordPress — browse and embed Stream videos from the block editor
by Salt Media · github.com/saltadmindev/wp-cf-stream · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/saltadmindev/wp-cf-stream/archive/refs/heads/main.zipA WordPress Gutenberg block that lets editors browse and embed Cloudflare Stream videos without touching any code.
Features
- Browse your full Stream library from inside the block editor
- Search videos by name
- Sidebar controls for: aspect ratio, autoplay, loop, muted, controls, preload, lazy load
- Server-side rendered — changing settings updates all embeds instantly
- API token stays server-side; never exposed to the browser
Installation
cd wp-content/plugins
git clone https://github.com/saltadmindev/wp-cf-stream.git
Activate CF Stream Block in WordPress Plugins.
Configuration
Go to Settings → CF Stream and enter:
| Field | Where to find it |
|---|---|
| Account ID | Cloudflare dashboard → right-hand sidebar |
| API Token | Cloudflare → My Profile → API Tokens. Needs Stream:Read permission |
| Customer Code | The customer-XXXX part of any Stream embed URL |
Usage
In the Gutenberg editor, add the CF Stream Video block. Click Select a Video to open the library browser, search if needed, and click a thumbnail. Use the block sidebar to adjust playback options.
Updates
cd wp-content/plugins/wp-cf-stream
git pull
Development
npm install
npm run build # production build → build/
npm run start # watch mode
Built files are committed to the repo — no build step needed on servers.