topadslot

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.

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
  • Optional audio image slideshow
  • 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

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

Updates / Changelog1.3.2016version 1.0.1
  • [FIX] – added ivag-iframe-holder css
version 1.0
  • first release


Similar Items

simple-3d-product-viewer-Images-and-media
resizable-multicolor-countdown-countdowns
mycase-jquery-shopping-carts
okaccounts-for-nodejs-javascript
moon-mega-grid-plus-grand-pack-Images-and-media
timelinzjs--lightweight-timeline-maker-calendars
flik--timeline-8-style-miscellaneous
first-person-perspective--jaguar-game-engine-addon-miscellaneous


  Item Information
JavaScript
28.02.2016
07.03.2016
82

Buy now for only $17 Preview & Demo
  Share Theme
  Advertisement
InterServer Web Hosting and VPS InterServer Web Hosting and VPS InterServer Web Hosting and VPS
bottomadslot
Web Statistics