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

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/saltadmindev/wp-cf-stream/archive/refs/heads/main.zip

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/saltadmindev/wp-cf-stream ↗

A 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.