Refinery CMS Video.js

Compatible with Refinery 3

This is a a simple video extension for Refinery CMS. which adds an 'Add Video' link to the default page editor (WYMEditor)

There are three ways to include videos in your project.

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

A 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"
  poster="my_video_poster.png"
  data-setup="{}">
  <source src="oceans-clip.mp4" type='video/mp4'>
  <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm'>
</video>

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

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

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.

Requirements

Refinery CMS version 3.0.1 or above

Install

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

gem 'refinerycms-videojs'

Get the latest version with:

gem 'refinerycms-videojs', git: 'https://github.com/anitagraham/refinerycms-videojs'

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

• Check out Refinery CMS guides