Responsive Video Player HTML5 Youtube Vimeo is highly customizable jQuery gallery plugin with lots of adjustable features.
It support self hosted video, Youtube and Vimeo content. Also provides ability to display any custom iframe like Wistia video, Dailymotion, Google Maps to name a few etc..
All DEMO examples included in the download package for quick and easy setup.
Features and options:
- Destop, mobile and tablet support
- Responsive layouts
- Highly customizable with HTML and CSS
- Supported content sources:
- Self hosted video
- Youtube content:
- Single video
- Playlist
- Channel
- Video query (search)
- 360 video
- Vimeo content:
- Single video
- Album
- Group
- Channel
- Video query (search)
- 360 video
- Folder playlist of videos
- Custom iframe (show any iframe into the player: Daily Motion, Wista, Google Maps…etc)
- XML playlist
- Support for multiple instances in the same page
- Option to mix different media types in the same playlist
- Playback options:
- Autoplay on mobile (muted)
- random playback
- loop playlist
- playback speed
- load more on demand
- Vertical or horizontal playlist
- Media end action (next, loop, rewind)
- API methods available
- Play media
- Pause media
- Toggle playback
- Next media
- Previous media
- Set volume
- Toggle mute
- Seek
- Seek forward / backward
- Get current time
- Get duration
- Get load progress
- Toggle random
- Toggle loop
- Set playback quality
- Set playback rate
- Destroy media
- Destroy playlist
- Load media / playlist
- Callbacks available
- Setup done
- Playlist start load
- Playlist end load
- Playlist item enabled
- Playlist item disabled
- Playlist item click
- Media request
- Media start
- Media play
- Media pause
- Media end
- Volume change
tags: video channel, video player, youtube embed, youtube playlist, vimeo album, channel, youtube plugin
Updates / Changelog
UPDATE 4.0.3 [26.05.2018]
- [FIX] small bug fix
UPDATE 4.0.2 [10.05.2018]
- [UPDATE] some code improvements
VERSION 4.0.1 [22.3.2018]
- [FIX] youtube api initialization with multiple players in same page
VERSION 4.0 [15.3.2018]
- [UPDATE] all new player layout and code
UPDATE 3.01 [29.6.2017]
- [UPDATE] some vimeo api updates
UPDATE 3.0 [12.6.2017]
- [UPDATE] new vimeo api
- [UPDATE] updated jscrollpane scrollbar
- [UPDATE] font awesome linked online
UPDATE 2.71 [20.11.2016]
- [FIX] added fsOverflow class to css files to remove scrollbar on fullscreen enter
UPDATE 2.7 [10.10.2016]
- [FIX] Fixed Youtube Channel bug with more than 50 videos
UPDATE 2.6 [27.9.2016]
- [UPDATE] update compatibility with jquery 3
UPDATE 2.51 [26.6.2016]
- [FIX] Updates on youtube iframe api
1.5.2015
version 2.5
- some vimeo api updates
16.3.2015
version 2.45
- fixed deeplink active item (start video)
4.3.2015
version 2.4
- added multiple video quality options for self hosted videos
- updated youtube suggested quality
21.1.2015
version 2.3
- Only mp4 video format required for self hosted videos
- update to Vimeo api V3
- update to Youtube api V3
27.7.2014
version 2.13
- fixed bug youtube playlist search
25.6.2014
version 2.11
- added HTML5 fullscreen for IE11
9.6.2014
version 2.1
- code reorganization (cleaned overall code)
18.5.2014
version 2.05
- playlist items added playlistNonSelected class to differentiate between other child divs in playlist
- fixed few bugs from the last big update 2.0 (added api panel for both advanced Vimeo and Youtube)
27.4.2014
version 2.02
- added media_id identifier in settings for multiple players (automatically pause/play multiple players in same page)
- added new callbacks (videoPlayerPlay, videoPlayerPause)
24.4.2014
version 2.01
- fixed bug with configurator (deeplinkUniqueCounter)
11.4.2014
version 2.0
- updated to Vimeo Private API
- added API panel for Vimeo / Youtube video retrieval
- added optional pre roll video adds with skip advance (video advert)
- added optional timed html elements over video (mid roll adds)
- new playlist type possibilities:
- read folder of videos automatically (deep) + auto create thumbnails from preview images
- xml playlist (example provided)
- database playlist (example provided)
- fixed safari jquery address back from first item issue
9.3.2014
version 1.31
- updated youtube issue http://code.google.com/p/gdata-issues/issues/detail?id=5788
20.1.2014
version 1.3
- added youtube related video query
- added youtube channel search
- added youtube channel videos
- added youtube user playlists
23.12.2013
version 1.23
- added click touch on video
3.10.2013
version 1.22
- update to jquery 1.10.2
30.4.2013
version 1.21
- added youtube fullscreen button in all browsers
- added youtube option to play highest video quality available
17.2.2013
version 1.2
- update to jquery 1.9.1
- update jquery address (for deeplinking) for jquery 1.9.1
- removed mini toggle button (w_toggle) in widget example (was causing unwanted problems on mobile with video)
9.1.2013
version 1.1
- optional deeplinking with jquery address
- improved youtube filtering (private, deleted, restricted videos)
- local video fullscreen improved
- video updated for IOS 6
- new layouts included (no playlist example, widget example)
- overall code improvements
You might be interested in…
HTML5 Video & Image Background Intro
JQuery Thumbnail Gallery With Lightbox
HTML5 Audio Player With Playlist WordPress Plugin
JQuery Ken Burns Fullscreen Gallery Slideshow
HTML5 Video Gallery with Live Playlist
Youtube Vimeo Gallery Background
JQuery AutoSlide Image Gallery Slideshow with Music
JQuery Image Gallery Slideshow with MousePan
HTML5 Audio Player With Playlist
jQuery Accordion MultiPurpose Gallery Slideshow
JQuery Stack Banner Slideshow with Captions
jQuery Slice Banner Slideshow with Captions
[eltd_button size=”huge-full-width” type=”outline” text=”Download & Demo Links” custom_class=”#” icon_pack=”font_awesome” fa_icon=”” link=”” target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Demo = Responsive Video Gallery HTML5 YouTube Vimeo
[eltd_button size=”huge” type=”” text=”Full Live Demo” custom_class=”” icon_pack=”font_awesome” fa_icon=”fa-laptop” link=”https://codecanyon.net/item/responsive-video-gallery-html5-youtube-vimeo/2918602″ target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy Responsive Video Gallery HTML5 YouTube Vimeo from the The Developer ( Tean ) website. Thank you.
Download = Responsive Video Gallery HTML5 YouTube Vimeo-[Updated].zip