WP Manifestindependent plugin directory
manifest / media / wp-cf-stream

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
0forks

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

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.