Best jQuery Video & Audio Plugins & Tutorials with Demo
Freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or triggered manually.
Artplayer.js is a modern and full featured HTML5 video player.
- Support video quality switching
- Support for custom
- Support integration with other dependencies, like:
- Support chrome native picture-in-picture mode, or custom picture-in-picture mode
highlightin the progress bar
- Support to maintain the original video ratio, adaptive size
- Support rich custom event monitoring, easy to expand
- Support for internationalization of controls
- Support for custom plugins
- Support local video preview
- Support subtitle time offset
Vidbacking is a small jQuery plugin to simplify the process of showing HTML5 video as background. You can use this for showing a video file or Youtube video on whole page background or to show the video as the background of a <div>, <section>, like elements.
- Cross Browser Video Background Plugin.
- Support mp4, webm video files.
- Support Youtube video.
- Very small file size (4kb total).
- Easy to use.
- Can be used for both page background or for an element background.
- Image fallback when video not supported.
- Pause video when out of viewport.
- Multiple instances on same page possible.
- Device friendly, responsive.
lem Youtube is a jQuery wrapper for the Youtube API.
MediaRecorder polyfill to record audio in Edge and Safari 11.
- Spec compatible. In the future when all browsers will support MediaRecorder, you will just remove polyfill.
- Small. 1 KB (minified and gzipped). No dependencies. It uses Size Limit to control size.
- One file. In contrast to other recorders, this polyfill uses “inline worker” and don’t need a separated file for Web Worker.
cPlayer is a beautiful and clean WEB Music Player by HTML5.
- Lyrics display
- Three play modes, Single cycle, list loop, random play
- Designed for touch devices
- Modular Customizable
- Media Session Support
GRT Youtube Popup is a simple and lightweight jQuery plugin for playing youtube embed videos in a popup.
You can define each plane size and position via CSS, which makes it super easy to add WebGL responsive planes all over your pages.