970 Design Video Field
A WordPress plugin to create an ACF Field for Cloudflare Video Stream
★ 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/970design/nsz-design-video-field/archive/refs/heads/master.zipFrom the readme
970 Design Video Field
An Advanced Custom Fields (ACF) Field for Cloudflare Stream that allows you to upload videos to Cloudflare Stream and embed them on your site.
Requirements
- WordPress 6.4+
- PHP 8.3+
- Advanced Custom Fields (ACF)
- Cloudflare Stream subscription
Installation
1. Install plugin from WordPress directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Add your Cloudflare credentials to the settings page
4. Use the new Cloudflare Stream field like any other ACF field
Features
- Upload videos directly to Cloudflare Stream
- Get HLS and Dash manifests for streaming
- Generate thumbnails and preview URLs
- Configure basic video options (loop, autoplay, mute, controls)
- Integration with ACF fields
Returned Data
The ACF field will return an array with the following data for you to use on your website frontend:
Vue Integration
If you're using Vue.js in your project, you can use our companion component to render the data provided by this field:
@970design/vue-video-stream
Gotchas
If You are getting the error "Error fetching videos from Cloudflare" or "Failed connecting to Cloudflare stream" - and you see in the console it's a CORS error