By :
Tean
Published on Sunday, February 28, 2016,19:49:54 in Royalty Free Javascript
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 / Changelog
1.3.2016
version 1.0.1
[FIX] – added ivag-iframe-holder css
version 1.0
first release
Share This Product