Top 6 HTML5 Video Player Plugins - YouTube, Vimeo, Self-Hosted

13 Oct Top 6 HTML5 Video Player Plugins – YouTube, Vimeo, Self-Hosted Support

Posted at 12:29h in HTML5 Video Player Plugins by Anne LIAO 0 Comments

178 Likes

Many people want on their sites a tool for playing videos, supporting YouTUBE, Vimeo and Self Hosted videos, a video player with playlist, adjustable controls, or many other features… You can benefit of all these using a HTML5 Video Player Plugin which will make your job easier. Check out these 6 best HTML5 Video Players!

1. Universal Video Player – YouTube/Vimeo/Self-Hosted

Universal Video Player supports YouTube, Vimeo and Self-Hosted videos and is a top-notch responsive HTML5 plugin compatible with all major browsers and mobile devices.

Features for this HTML5 Video Player:

Responsive Design

The plugin can be used in websites which are responsive. Optional parameter to disable responsive behavior in order to integrate it in non-responsive websites.

Mobile Compatible

It is compatible with IOS and Android operating systems.

Customizable Color Scheme

Any color scheme possible, customizable from parameters, so you can integrate this audio player in any design.

Playlist Search

You have the option to search the playlist. The results will be displayed as you type the search term.

Two Skins

You can choose from the 2 skins available: back & white. Also, from parameters you can create any color scheme, having the possibility to integrate it in any design.

You can share your video player on Facebook and Twitter. Parameters to customize the share title and description.

Shuffle

Option to shuffle the playlist.

Multiple Parameters

Autoplay, loop (entire playlist), colors, dimensions etc. Over 85 JS parameters from where you can customize the player.

YouTube, Vimeo and Self-Hosted support

It plays YouTube, Vimeo and Self-Hosted video files. For YouTube and Vimeo, all you need to use is the video ID.

Free Updates

Once you’ve bought the product, you can download for free, from your account, all the updated versions.

Option To Automatically Obtain the Video Thumbnail, Title and Description From YouTube Servers

All you need to use is the YouTube video ID and the plugin will get these information from YouTube server. Parameters to use your own information.

2. Total Video Player

Total Video Player with HTML5 video and Youtube supports unlimited number of video sequences / adverts with optional video quality for each video and subtitle / captioning support in vtt/srt format.

Options fr this HTML5 Video Player:

Only mp4 video format required for all browsers and devices
Responsive layouts
HTML5 video with flash fallback for older browsers
Youtube API V3
Mix together Youtube and MP4 videos
Video aspect ratio (fit inside, fit outside)
Unlimited number of videos adverts / sequences
Video subtitles / captioning support (srt/vtt) for html5 video, not for Youtube
Video quality option (for youtube creates all available qualities automatically, for mp4 videos any number of qualities can be set)
Download support for videos
Skip button with time setting – optional
Video controls – optional
Disable seekbar – optional
Video link – optional
Social sharing – optional
Embedding code – optional
Right click context menu – optional
Multiple instances in same page supported (example included)
Public API
Callbacks
Logo with link – optional
Video end link – optional
Video autoplay – optional
and many other

All demo examples included in the download package.

3. ProgressionPlayer – Responsive Audio/Video Player

Show off your work with this easy-to-customize and fully featured Audio/Video Player. When purchasing this HTML5 Video Player, you will receive a detailed help file along with additional features like 5 custom skins and Responsive Layout.

Audio + Video Player Features:

Responsive Player: Mobile, Tablet and Desktop optimized
5 Skins to choose from
Audio Playlists supported
Unlimited players per page
Retina Support: ProgressionPlayer is optimized for high resolution displays like the Macbook Pro with Retina Display, iPhones and iPads
Custom Flash and Silverlight players that mimic the HTML5 MediaElement API for older browsers
Players automatically stop playing when another player is activated
Easy to Customize
Full-screen video button
Playlist can stay open or closed by default

Need Support? Visit our Support Forum

We offer theme support via our support forum. Please post all support questions through our support forum.

4. Chameleon – HTML5 Video Player with Flash Backup

Chameleon – HTML5 Video Player w/ Identical Flash Backup
HTML5 Video is one of the coolest new features of HTML5. However, Internet Explorer doesn’t offer the fullscreen experience that we’re all used to, and if you want to use HTML5 video in Firefox, you have to create additional videos because it doesn’t support the mp4 file type.

Chameleon solves these important challenges with its intuitive Flash backup. When a browser can’t go fullscreen, the Flash backup is used. And if you don’t want to create additional video files just for Firefox, Chamelon gives you the option to use the Flash backup instead.

Features Include:

Two skins to choose from, both light and dark.
Built with 100% CSS, and icon fonts. This means retina display love for your MacBook Pro.
Chameleon is 100% responsive and automatically ready to be dropped into a responsive website.
Custom built right click menu that includes an optional copyright link.
Optional Social Icons so users can share your video.
Time-status bubble so viewers can skip ahead to that important part of the video.

Attention to Detail:

Videos are added to your web page via iFrame, just like Youtube and Vimeo. This means super easy installation and also eliminates the possibility for jQuery conflicts.
Preview poster image for both HTML5 and Flash versions.
Scrub the video with hold-and-drag functionality.
Custom built CSS3 preloader.

Special Notes:

The video shown is for preview purposes only and is not included in the download source.
Mobile devices will always switch to the device’s default video player.
Autoplay functionality on mobile devices is specific to the device.
Because iframes are used, the video player’s source files must exist on the same domain as your web-page (no cross-domain communication).

5. Ribbon Player – HTML5 Animated Video Player

Robust HTML5 video player that supports 99% of browsers
When you hover over the video, the controls animate in like a ribbon, wrapping around the video. It is incredibly customisable with 8 different colours and 5 additional styles to choose from.Check out the video preview to see it in action!

Ribbon Player doesn’t just look awesome. It is built on the wonderful open source library, video.js. The player has HTML5 awesomeness for new browsers/mobile devices and falls back to a Flash player for older browsers.

Compatibility:

Chrome – Full animation, HTML 5 support
Safari – Full animation, HTML 5 support
Firefox – Full animation, HTML 5 support
IE9 – No animation, HTML 5 support
IE8 /IE7 – Basic appearance, Flash support
Works in any mobile device that supports HTML5 video (Android, iPhone, iPad, Blackberry)

Best Features for this HTML5 Video Player:

Works in almost any browser, including your favourite mobile devices
Unique CSS3 “ribbon wrap” effect on hover
Optional “lights out” feature when video plays
Video automatically stops playing if another one is played
80 colour/style combos! Go crazy!
Simple setup
Great documentation, even with some tips on encoding

Compatible with Ribbon Wrap

Ribbon Player is compatible with Ribbon Wrap, another item by me. Ribbon Wrap is the sister to Ribbon Player, incorporating the beautiful ribbon animation into the rest of your site, use it for headers, titles, descriptions etc.

6. Revolution Video Player With Bottom Playlist – YouTube/Vimeo/Self-Hosted Support

Revolution Video Player supports YouTube, Vimeo and Self-Hosted videos and is a top-notch responsive HTML5 plugin compatible with all major browsers and mobile devices.

Great Features for this HTML5 Video Player: