Plugins

Creating a plugin

View the plugin docs. If you'd like a head-start on the scaffolding for a new video.js plugin, check out the grunt-init-videojs template.

Adding to this page

When you add a plugin to this page, have a look at how others have done so, it should be a single item, with a link to the project's source code or home page, and a short description (one line after formatting has been applied).

If you see a plugin without a description, feel free to edit the page and add it in, any contributions are appreciated.

Plugins

• videojs-markers: Add customizable markers upon progress bars
• videojs-errors: displays user-friendly error messages.
• videojs-youtube-videowall: Display video wall of related youtube videos after the video finishes. Require videojs-youtube.
• videojs-thumbnails: displays thumbnail images over the progress bar.
• videojs-endcard: Simple, customizable end card solution for VideoJS.
• videojs-rtc: displays a WebRTC chat window alongside the player to be able to chat with a friend while watching a video.
• videojs-leapmotion: a plugin to control video playback with Leap Motion.
• videojs-playlist: easily create a playlist of videos. Gives some methods to videojs and provides useful events to allow customization.
• videojs-playlist (<video> or <audio>): designed for video or audio playlists. Plays tracks continuously or by selecting them.
• videojs-persistvolume: remembers the volume last set by the user and applies it to new instances of player.
• videojs-rotatezoom: a plugin to easily rotate or zoom in a video.
• videojs-watermark: Display a watermark/overlay on top of the video.
• videojs-cuepoints: Sync actions with the media timeline.
• videojs-resolutions: Provides a button that dynamically switches the video stream between sources.
• videojs-rangeslider: Create a range slider to select a region of a video in video-js.
• videojs-ga: Google Analytics plugin for video.js
• videojs-relatedCarousel: Button that when clicked shows a list of images that link to urls. Envisioned as a way to show related content inside the player.
• videojs-ageGate: Forces a user to enter a satisfactory birth date before video will play.
• videojs-progressTips: Tooltip on hover of the progressbar with the time.
• videojs-imageOverlay: Add an opaque, clickable overlay on a video during a specified time range.
• videojs-chromeCast: Display a chromecast Button on Control Bar video.js players.
• videojs-disable-progress: Disable / Enable progress scrubbing. Useful for preroll advertisements where skipping the video isn't an option.
• videojs-sharing: Add a menu to the control bar to share the video/page using the addThis API (no account required)
• videojs-stereopanner: Adds stereo channel panning functions
• videojs-akamai-analytics: Akamai Sola Analytics plugin for video.js

Playback Techs (support media from different sources)

• videojs-youtube: Allows you to play YouTube videos within VideoJS.
• videojs-vimeo: Allows you to play Vimeo videos within VideoJS.
• videojs-dailymotion: Allows you to play Dailymotion videos within VideoJS.
• videojs-soundcloud: Allows you to play soundcloud tracks within VideoJS.

For Other Platforms

• vjs_rails gem: Rails 4 gem to implement Video.js as easy as possible

---