Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 video with Flash backup, Youtube and Vimeo Private support.

Multiple instances in same page supported.

Optional deeplinking with jquery address for improved SEO.

All demo examples included in the download package for easy setup.

Check this on your mobile phone:


  • Responsive layouts
  • Multiple instances in same page supported (example included)
  • Supports HTML5 video and Flash video backup, Youtube and Vimeo private API
  • Optional deeplinking with jquery address
  • Playlist types availabile
    • HTML markup
    • XML playlist (example included)
    • Database playlist (example included)
    • Read folder of videos automatically (+ auto create thumbnails from preview images)
  • Thumb orientation: vertical / horizontal
  • Playlist position: right / bottom / no playlist
  • Scroll type: buttons / scroll
  • Optional video adverts in front of video
  • Optional timed HTML elements during video playback (mid roll adds)
  • Vimeo Advanced / Private API
    • Get single video
    • Get all videos credited to a user (both uploaded and appears)
    • Get a list of videos that a user appears in
    • Get a list of videos that the user likes
    • Get a list of videos uploaded by a user
    • Search for videos
    • Get a list of the videos in an group
    • Get a list of the videos in an channel
    • Get a list of the videos in an album
  • Youtube API
    • Single video requests
    • Youtube playlists
    • Youtube user favourites
    • Youtube user uploads
    • Youtube user playlists
    • Youtube video query
    • Youtube related video query
    • Youtube playlist query
    • Youtube channel feeds
    • Youtube standard feeds
  • Mix together Vimeo and Youtube and MP4 videos to create any kind of playlist
  • Playlist scroll is jScrollPane
  • Load new playlist on runtime using public API
  • Optional autoplay
  • Optional loop
  • Optional random play
  • Optional auto advance to next video
  • Public methods available
    • Play media
    • Toggle media
    • Pause media
    • Next media
    • Previous media
    • Destroy media
    • Destroy playlist
    • Set volume
    • Get video description
    • Load media or playlist
    • Get playlist data
  • Callbacks available
    • Video gallery setup done
    • Video gallery playlist end
    • Playlist item triggered

Updates / Changelog


version 2.13
  • fixed bug youtube playlist search


version 2.11
  • added HTML5 fullscreen for IE11


version 2.1
  • code reorganization (cleaned overall code)


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)


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)


version 2.01
  • fixed bug with configurator (deeplinkUniqueCounter)


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


version 1.31


version 1.3
  • added youtube related video query
  • added youtube channel search
  • added youtube channel videos
  • added youtube user playlists


version 1.23
  • added click touch on video


version 1.22
  • update to jquery 1.10.2


version 1.21
  • added youtube fullscreen button in all browsers
  • added youtube option to play highest video quality available


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)


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

HTML5 Audio Player With Playlist Wordpress Plugin


HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions