HTML5 Video Gallery with Youtube

HTML5 Video Gallery with a cool ‘Live playlist’ feature could be used as video gallery, video player or any kind of video showcase. All demo examples included in the download package for easy setup.

Options:

  • Responsive layouts
  • Multiple instances in same page supported (example included)
  • HTML5 video with flash fallback for older browsers
  • Youtube support
    • 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
  • Playlist types availabile
    • HTML markup
    • XML playlist (example included)
    • Database playlist (example included)
    • Read folder of videos automatically (+ auto create thumbnails from preview images)
  • Mix together Youtube and MP4 videos to create any kind of playlist
  • Load new playlist on runtime using public API
  • Optional deeplinking with jquery address
  • Optional automatically generated video thumbnails and description for Youtube
  • You can use your own thumbnails and video info for Youtube as well.
  • Video subtitles, captions support.
  • Wall layout features
    • Optional Lightbox attached to videos
    • Optional web links attached to videos
    • Empty video click actions (run your own actions on video click)
  • ‘Live preview’ feature is optional (automatically play video on playlist item rollover), use your own image thumbnails instead.
  • Optional right click context menu
  • Optional video download (specify your own path)
  • Youtube video search option for Youtube
  • Video quality option (for youtube grabs all available qualities automatically, for mp4/ogv/webm videos any number of qualities can be set)
  • Optional pre roll ads with skip advance and link settings (video adverts)
  • Video adverts can have optional quality, subtitles, timed events and description as well like the main video
  • Optional timed html elements over video (mid roll ads)
  • Video aspect ratio (original, fit inside, fit outside)
  • Optional video autoplay
  • Optional random play
  • Optional video looping
  • Optional auto advance to next video
  • Optional auto hide controls
  • Optional description
  • Optional auto open description
  • Optional player logo with link
  • Public API available
    • Play media
    • Pause media
    • Check media (pause / play multiple players in same page)
    • Toggle media
    • Next media
    • Previous media
    • Destroy media
    • Destroy playlist
    • Get autoplay
    • Set autoplay
    • Get volume
    • Set volume
    • Toggle shuffle (random)
    • Toggle loop
    • Seek
    • Toggle description
    • Get title
    • Get description
    • Load media or playlist
    • Get playlist data
    • clean Preview Video
    • get Playlist Transition
    • get Video Inited
    • get Setup Done
    • get Playlist Loaded
    • get Media Playing
    • get Media Id
    • add Track(s) to playlist
    • remove Track(s) from playlist
    • get Media Count
    • Skip Intro
  • Callbacks available
    • video Player Setup Done
    • video Player Playlist End
    • video Player Playlist Loaded
    • video Player Item Triggered
    • video Player Video Start
    • video Player Play
    • video Player Pause
    • video Player Video End
    • playlist Item Enabled
    • playlist Item Disabled
    • playlist Item Rollover
    • playlist Item Rollout
    • playlist Empty
    • fullscreen Enter
    • fullscreen Exit
    • Caption (subtitle) change
    • Quality change


Updates / Changelog

13.8.2014

version 3.63
  • updated youtube for http and https

26.7.2014

version 3.62
  • fixed some bugs with ios

25.6.2014

version 3.61
  • Updated captions to load single xml file
  • added HTML5 fullscreen for IE11

15.6.2014

version 3.6
  • subtitles / captions now available for html5 video and youtube
  • added optional right click context menu
  • many overall improvements

31.5.2014

version 3.51

23.5.2014

version 3.5
  • added optional video download (specify your own path)
  • added youtube video search option
  • added video quality option (for youtube grabs all available qualities automatically, for mp4/ogv/webm videos any number of qualities can be set)
  • added optional pre roll video adds with skip advance (video advert)
  • added optional timed html elements over video (mid roll adds)
  • added optional chapters through video (specify video time and chapter caption)
  • new improved API methods
  • new callbacks
  • new demos
  • improved wall HTML markup
  • lightbox changed to fancybox2 in wall layout
  • added database playlist option (+ examples included)
  • added media_id identifier in settings for multiple players (automatically pause/play multiple players in same page)
  • added button tooltips
  • multiple players in same page supported (example included)
  • updated flash embedding for multiple players
  • fixed caption menu position
  • fixed safari jquery address back from first item issue
  • many small improvements

9.3.2014

version 3.12

8.2.2014

version 3.1
  • added HTML5 captions support
  • redesigned player controls (+ font awesome icons)
  • added timer for hiding player controls in fullscreen
  • added social icons
  • updated youtube mobile playback
  • fixed webm support query

22.12.2013

version 3.03
  • changed autoplay to on after first play
  • added click touch on video

3.10.2013

version 3.02
  • update to jquery 1.10.2

15.8.2013

version 3.01
  • fixed youtube tooltip value
  • playlist reordering and process important fix for mixed playlists

8.8.2013

version 3.0
  • whole layouts made completely responsive
  • other minor overall code imporvements
10.7.2013 version 2.3
  • added XML playlist
  • added folder playlist (automatically load videos from folders)
  • added option to choose between ogv and webm video format

30.4.2013

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

17.2.2013

version 2.2
  • update to jquery 1.9.1
  • update jquery address (for deeplinking) for jquery 1.9.1
  • update prettyphoto for jquery 1.9.1
  • removed mini toggle button (w_toggle) in widget example (was causing unwanted problems on mobile with video)

29.12.2012

version 2.1
  • improved youtube filtering (private, deleted, restricted videos)
  • video paths separated in index files (mp4, ogv, webm)
  • local video fullscreen improved
  • video updated for IOS 6
  • improved flash backup for older browsers
  • optional playlist
  • new layouts included (no playlist example, widget example, video wall examples with optional Prettyphoto)
  • overall bug fixes and code improvements


Special Thanks to CarlB for sample videos used in the preview.

These videos are not included in the download package.


You might be interested in…


\\

HTML5 Video & Image Background Intro

\\

\\

\\

\\

\\

\\

\\

HTML5 Audio Player With Playlist

\\

\\

JQuery Stack Banner Slideshow with Captions

\\

jQuery Slice Banner Slideshow with Captions

\\

HTML5 Audio Player With Playlist Wordpress Plugin

\\

\\

by
by
by
by
by
by