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.
Refinery CMS version 4.0.2 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: '[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.
Check out Refinery CMS guides
Let us know if you found a bug!
Have a quick question or need some help? Please do not hesitate to contact us via email at [email protected].
This component is developed by consulting agency Adexin.
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.