Skip to content

adexin/refinerycms-videojs

Repository files navigation

Refinery CMS Video.js

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"
  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 4.0.2 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: '[email protected]:adexin/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

Check out Refinery CMS guides

Issues and Bugs

Let us know if you found a bug!

Support and Contact

Have a quick question or need some help? Please do not hesitate to contact us via email at [email protected].

Credits

This component is developed by consulting agency Adexin.

License

Refinery CMS Video.js is released under MIT license. You are free to use, modify and distribute this software, as long as the copyright header is left intact.