Code

Responsive Video Gallery HTML5 YouTube Vimeo

Responsive Video Gallery HTML5 YouTube Vimeo

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.4 [2.7.2018]

 - [UPDATE] some code improvements

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

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





HTML5 Audio Player With Playlist Wordpress Plugin

\\











HTML5 Audio Player With Playlist





JQuery Stack Banner Slideshow with Captions



jQuery Slice Banner Slideshow with Captions



by
by
by
by
by
by