RefineryCMS engine
Ruby CSS JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Refinery CMS Video.js

Sorry, not supported. See forks.

Simple video extension for Refinery CMS. It adds a 'Videos' tab to admin menu where you can manage videos. And adds an 'add video' link to WYMeditor on 'Pages'.

There are three ways to include videos in your project.

  • You can embedded video (like youtube or vimeo iframes)
  • You can upload files
  • You can use link to external source

Video (instance of Refinery::Videos::Video model) aggregates different sources (files and links, one or many).

The instance method Video#to_html renders an html video tag like:

<video id="my_video_1" class="video-js vjs-default-skin" controls
  preload="auto" width="640" height="264"
  <source src="oceans-clip.mp4" type='video/mp4'>
  <source src="" type='video/webm'>

This content can be added to a page in WYMeditor, or everywhere in your view like:

<div class='video'>
  <%= @my_video.to_html %>

This extension:

  • Uses the Video.js player to playback video (except embedded video, of course).
  • Allows you to manage playback configuration (poster image, width, height, autoplay, controls, etc).
  • Allows you to insert video to pages using WYMeditor, by inserting an HTML code with video (or iframe) tag.
  • Automatically downloads the video.js library on your website frontend.


Refinery CMS version 2.0.1 or above


Open up your Gemfile and add at the bottom this line:

gem 'refinerycms-videojs'

Get the latest version with:

gem 'refinerycms-videojs', git: ''

Now, run:

bundle install

Next, to install the video extension run:

rails generate refinery:videos

Run database migrations:

rake db:migrate

And you're done.

More Information