All Projects → adexin → refinerycms-videojs

adexin / refinerycms-videojs

Licence: MIT License
Manage videos in RefineryCMS using Video.js player for playback

Programming Languages

ruby
36898 projects - #4 most used programming language
HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to refinerycms-videojs

Larkplayer
🚀 A lightweight & flexible web player :)
Stars: ✭ 82 (+100%)
Mutual labels:  videojs
videojs-react-enhanced
React.js wrapper component for Video.js player
Stars: ✭ 37 (-9.76%)
Mutual labels:  videojs
videojs-react-course-assistant
A note taking tool to use with (initially) youtube playlists aiming to be similar to Frontend Masters or Coursera
Stars: ✭ 13 (-68.29%)
Mutual labels:  videojs
Videojs Transcript
▶️📃 Interactive transcript plugin for video.js
Stars: ✭ 106 (+158.54%)
Mutual labels:  videojs
Videojs Contrib Hls
HLS library for video.js
Stars: ✭ 2,723 (+6541.46%)
Mutual labels:  videojs
react-hook-videojs
Easy React integration of Video.js using hooks.
Stars: ✭ 37 (-9.76%)
Mutual labels:  videojs
Videojs Playlist
A plugin to play multiple audio tracks or multiple videos.
Stars: ✭ 63 (+53.66%)
Mutual labels:  videojs
videojs-share
Share plugin for video.js
Stars: ✭ 24 (-41.46%)
Mutual labels:  videojs
h5-qj
全景h5,商场活动,在商场场景下寻找企业LOGO展示优惠活动。
Stars: ✭ 18 (-56.1%)
Mutual labels:  videojs
videojs-ima-player
video ad plugin for video.js
Stars: ✭ 12 (-70.73%)
Mutual labels:  videojs
Html5 Dash Hls Rtmp
🌻 HTML5播放器、M3U8直播/点播、RTMP直播、低延迟、推流/播流地址鉴权
Stars: ✭ 1,805 (+4302.44%)
Mutual labels:  videojs
Videojs Wavesurfer
video.js plugin that adds a navigable waveform for audio and video files
Stars: ✭ 242 (+490.24%)
Mutual labels:  videojs
videojs-logo
A video.js plugin to display a logo image on the player. If you think it's good, give me a star! ⭐
Stars: ✭ 19 (-53.66%)
Mutual labels:  videojs
Streaming Room
Streaming room in Node.js, rtmp, hsl, html5 videojs player
Stars: ✭ 106 (+158.54%)
Mutual labels:  videojs
generator-videojs-plugin
Yeoman generator for video.js plugins.
Stars: ✭ 71 (+73.17%)
Mutual labels:  videojs
Embed
Embed player for D.Tube
Stars: ✭ 65 (+58.54%)
Mutual labels:  videojs
videojs-plus
An extension and skin for video.js
Stars: ✭ 49 (+19.51%)
Mutual labels:  videojs
videojs-annotation-comments
A plugin for video.js to add support for timeline moment/range comments and annotations
Stars: ✭ 129 (+214.63%)
Mutual labels:  videojs
videojs-landscape-fullscreen
Videojs on Mobile and/or React: Automatically Switch to Landscape on Fullscreen, and Fullscreen on Landscape
Stars: ✭ 72 (+75.61%)
Mutual labels:  videojs
videojs-hlsjs
HLS playback plugin for videojs
Stars: ✭ 26 (-36.59%)
Mutual labels:  videojs

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].