CodeCanyon

HTML5 Video Gallery with Live Playlist

HTML5 Video Gallery with Live Playlist

This is a video player packed with many features, supports mixing of both self hosted videos and Youtube media, supports video adverts before, during and after main video playback, and timed inline HTML elements over the player area at specific times during the playback.

Features:

  • Support for self hosted video files and Youtube
  • Supports mixing of different video types in the same playlist
  • Support for media from Google Drive, Amazon S3.. (any public link that plays in browser)
  • Any custom iframe can be loaded in a player (api excluded)
  • Only mp4 video format required for all browsers and devices
  • Responsive & Mobile Friendly
  • Font Awesome Library icons
  • RTL language support
  • Unlimited players per page, multiple instances each with its own api
  • Youtube API V3
    • single video
    • single video list
    • playlist
    • channel
    • user channels
    • video search
  • Playlist layouts:
    • vertical right/bottom
    • horizontal bottom
    • vertical bottom
    • free custom layout (playlist can be completely separated from the player and placed anywhere else)
  • Optional playlist categories
  • Playlist types:
    • HTML markup
    • XML playlist
    • Read folder of media
  • Pre / during / after main media adverts
  • Adverts can be both self hosted video and Youtube
  • Optional skip button and url link for advert videos
  • Automatically generated video thumbnails and description for Youtube, or manually set thumbnails and description
  • Timed inline elements can be placed over the player area at specific times (HTML / javascript / iframe etc.. anything that can be added to the DOM)
  • Video aspect ratio (original, fit inside, fit outside)
  • Optional play video on playlist item rollover
  • Right click context menu (custom / default / disabled)
  • Video download (specify your own path)
  • Search Youtube videos
  • Video subtitles support in srt/vtt format for HTML5 video.
  • HTML captions support for all media.
  • Optional multiple qualities, playback rate, start / end time for every video
  • Optional button tooltips
  • Optional keyboard navigation
  • Social share (Facebook, Twitter, Google Plus)
  • Optional random play
  • Optional playlist loop
  • Media end action: loop / rewind
  • Optional deeplinking with browser url directly to media in playlist
  • API methods available
    • Play media
    • Pause media
    • Toggle playback
    • Next media
    • Previous media
    • Set autoplay
    • Get / set volume
    • Toggle mute
    • Seek
    • Get current time
    • Get duration
    • Get load progress
    • Toggle category
    • Toggle playlist
    • Toggle interface (controls)
    • Toggle share
    • Toggle embed
    • Toggle description
    • Toggle search
    • Search media
    • Download media
    • Toggle random
    • Toggle loop
    • Toggle fullscreen
    • Get / set quality
    • Get / set caption
    • Get / set playback rate
    • Destroy media
    • Destroy playlist
    • Sort playlist
    • Init scroll
    • Destroy scroll
    • Get playlist data
    • Get current media data
    • Get settings
    • Get active item id
    • Get playlist length
    • Get media playing
    • Get playlist transition on
    • Get playlist loaded
    • Load media / playlist
    • add Track(s) to playlist
    • remove Track(s) from playlist
    • Skip Ad
  • Callbacks available
    • Setup done
    • Done resizing
    • Playlist end
    • Playlist start load
    • Playlist end load
    • Playlist empty
    • Destroy media
    • Media empty
    • Media triggered
    • Media start
    • Media play
    • Media pause
    • Media sequence end
    • Playlist item enabled
    • Playlist item disabled
    • Playlist item rollover
    • Playlist item rollout
    • Playlist item click
    • Category item enabled
    • Category item disabled
    • Category item rollover
    • Category item rollout
    • Destroy playlist
    • Fullscreen enter
    • Fullscreen exit
    • Caption (subtitle) change
    • Quality change
    • Playback rate change
    • Event show
    • Event hide

Special Thanks to dorde for sample videos used in the demo.

Updates / Changelog

UPDATE 5.0.3 [10.4.2016]

  • [FIX] fixed tooltip hide on drag outside element

UPDATE 5.0.2 [24.3.2016]

  • [ADD] added easing to scroll to active item in playlist

UPDATE 5.0.1 [20.3.2016]

  • [FIX] fixed filter / search m keyboard volume issue

UPDATE 5.0 [4.3.2016]

  • NEW player markup
  • NEW player code

26.10.2015

version 4.25
  • updated folder parsing for mp4 videos

1.5.2015

version 4.2
  • some tooltip updates

16.3.2015

version 4.15
  • fixed deeplink active item (start video)

17.2.2015

version 4.1
  • updated subtitles to srt / vtt format
  • updated big play btn over video area
  • updated youtube suggested quality

27.1.2015

version 4.0
  • only mp4 video format required for all browsers
  • update to Youtube api V3
  • updated live playlist layout

17.12.2014

version 3.65
  • only mp4 video format required for all browsers

13.8.2014

version 3.63
  • updated youtube for http and https

25.7.2014

version 3.62
  • fixed some bugs with ios (_youtubeStarted, mediaPath+=”?rand=” + (Math.random() * 99999999);)

23.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



VERSION 2 AVAILABLE:

http://codecanyon.net/item/html5-media-player/15121955
by
by
by
by
by
by