CodeCanyon

HTML5 Image Video Audio Gallery with Playlist

HTML5 Image Video Audio Gallery with Playlist

HTML5 Media Player supports mixing of audio, images and videos together in any order to create any kind of media sequence.

Comes with Admin playlist manager for backend media management.

admin

Features:

  • Image, audio (self hosted audio, Podcast, Soundcloud) and video support (self hosted videos, Youtube, Vimeo)
  • Supports mixing of different media 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 mp3 audio and mp4 video formats 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
  • Vimeo API V3
    • single video
    • user portfolio
    • user appears
    • user likes
    • user uploaded
    • group videos
    • channel videos
    • user album videos
    • related videos
    • 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 anything from video, audio, image
  • Optional skip button and url link for advert media
  • Automatically generated video thumbnails and description for Youtube / Vimeo / Soundcloud / Podcast, 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 / image aspect ratio (original, fit inside, fit outside)
  • Optional play html5 video on playlist item rollover
  • Right click context menu (custom / default / disabled)
  • Media download (specify your own path)
  • Search media for Youtube / Vimeo / Soundcloud
  • Video subtitles support in srt/vtt format for html5 video.
  • HTML captions support for all media.
  • Optional multiple qualities, playback rate, range (loop media within range limits), start / end time
  • 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
    • Toggle range
    • Set range
    • Reset range
    • 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

Notes:

  • Playlist Admin requires php 5.6 or above (and mysqlnd driver!).

Updates / Changelog

UPDATE 2.0 [21.3.2017]

 - [CHANGE] media folder with files moved into the plugin root
 - [CHANGE] ivag-slideshow removed from audio files
 - [CHANGE] ivag-events wrapped into parent div 
 - [ADD] new ADMIN playlist manager editor with database
 - [ADD] new example included index_default_db.php loads all playlists from admin manager database into the player 
 - [UPDATE] some code improvements 

UPDATE 1.1.5 [16.1.2017]

  • [UPDATE] player interface in fullscreen now hides prermanently until mouse move / touch happens

UPDATE 1.1.2 [18.12.2016]

  • [ADD] added inline video playback on iphone
  • [CHANGE] updated download method

UPDATE 1.11 [14.11.2016]

  • [FIX] fixed bug with hiding interface on media start
  • [ADD] added autoClosePlaylistOnFullscreenEnter option (close playlist on fullscreen open)

UPDATE 1.1 [27.9.2016]

  • [UPDATE] update compatibility with jquery 3

UPDATE 1.0.9 [14.8.2016]

  • [UPDATE] new layout included

UPDATE 1.0.8 [24.6.2016]

  • [FIX] fixed vimeo single video issue

UPDATE 1.0.7 [21.6.2016]

  • [FIX] fixed some sharing data

UPDATE 1.0.6 [18.5.2016]

  • [FIX] fixed video duration on android and seeking

UPDATE 1.0.5 [5.5.2016]

  • [FIX] fixed direct seek to percent
  • [ADD/FIX] added video path not found detection + skip to next media

UPDATE 1.0.4 [10.4.2016]

  • [FIX] fixed tooltip hide on drag outside element

UPDATE 1.0.3 [28.3.2016]

  • [FIX] updated podcast parsing

UPDATE 1.0.2 [23.3.2016]

  • [FIX] fixed filter / search m keyboard volume issue
  • [FIX] fixed custom download path for podcast/soundcloud
  • [ADD] added easing to scroll to active item in playlist

UPDATE 1.0.1 [1.3.2016]

  • [FIX] added ivag-iframe-holder css
version 1.0
  • first release
by
by
by
by
by
by