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 Yeoman video.js plugin generator.

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

Contrib Plugins

Larger projects covering common but optional extensions of the player. (See the django definition)

• videojs-contrib-hls: Add HTTP Live Streaming (HLS) support in desktop browsers (via Flash)
• videojs-contrib-ads: Provides common functionality needed by video advertisement libraries working with video.js

Community Plugins

• videojs-HDtoggle: HD button which toggles between HD and non-HD source.
• videojs-hotkeys: A plugin for Video.js that enables keyboard hotkeys when the player has focus.
• videojs-ima: Easily integrate the Google IMA SDK into Video.js to enable advertising on your video content.
• videojs-brightcoveAnalytics: Allow tracking of views/impressions & engagement data in videojs for Brightcove videos
• videojs-markers: Add customizable markers upon progress bars
• videojs-caption: Have the most flexibility and power for displaying caption videojs
• 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-vast: A VideoJS plugin to play pre-roll videos from a VAST feed.
• 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-logobrand: Add a logo/brand image to the player that appears/disappears with the controls. (also useful as a basic plugin template for learning how Video.JS plugins work.
• 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
• videojs-comscore: Reports to comScore using their latest Streaming Tag SDK
• videojs-vr: Project video onto different geometric shapes (Sphere, Cube, Cylinder) and view in 3d with optional Oculus Rift support
• video-speed: Adds customizable video-speed control
• OpenVideoAnnotation - plugin to create annotations in video-js using annotator. Project in: openvideoannotation.org
• videojs-overlay: display simple HTML overlays during video playback.
• videojs-seek: Seeks to a specific time point specified by a query string parameter.
• videojs-preroll: Simple preroll plugin that displays an advertisement before the main video
• videojs-framebyframe: Adds buttons for stepping through a video frame by frame
• videojs-loopbutton: Adds a loop button to the player
• videojs-ABdm: Use CommentCoreLibrary to show comments (whic is called as DanMu) during playing.
• videojs-ass: Adds Advanced SubStation Alpha subtitles support.
• videojs-transcript: Display an interactive transcript from caption or subtitle tracks.
• videojs-autoplay-toggle: adds an autoplay toggle which will persist to cookies or localstorage.
• videojs-offset: Allows you to play a segment of the video.
• videojs-youtube-progress: Preserve progress seeker when control bar is hidden.
• projectorjs: A small no-dependencies JavaScript library that enables the display of overlays on native HTML5 video elements, or (optionally) video elements powered by videojs.
• videojs-record: A video.js plugin for recording audio/video files.

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.
• videojs-wavesurfer: Adds a navigable waveform for audio files, using the excellent wavesurfer.js library.
• videojs-dashjs: Loads dash.js as a tech to support MPEG-DASH videos.
• videojs-silverlight: Allows you to play WMV, WMA, MP4, MP3, WAV and FLAC medias through Silverlight within Video.js.
• videojs-vlc: Allows you to play all media through VLC web plug-in within Video.js.
• videojs-aurora: Allows you to play WAV, OGG, MP3, M4A, AAC and FLAC medias through Aurora.js within Video.js.
• videojs-java: Allows you to play AIFF, AVI, GSM, MID, MPG, MP2, MOV, AU and WAV medias through Java within Video.js.

For Other Platforms and Frameworks

• videojs_rails gem: Rails 3+ gem to help with using Video.js with the Asset Pipeline.
• polymer-videojs: A video.js element for the Polymer web components framework

---