HTML5 Media Player by Tean

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

Example of media playback:

First main playlist item is self hosted video.
It start with optional pre advert before main media starts which is na audio mp3 file.
When pre advert is skipped or finished, main media starts to play.
At 10 seconds, middle advert is launched which is Youtube single video, when this is skipped or finished, main media continues to play.
At 25 seconds, middle advert is launched which is self hosted video, when this is skipped or finished, main media continues to play.
At 40 seconds, middle advert is launched which is image with duration set, when this is skipped or finished, main media continues to play.
...etc...
When main media ends, end advert is launched which is Vimeo video, when this is skipped or finished, playback goes to next playlist item.

Very powerful, highly customizable and extendable should fit many projects.

All demo examples included in the download package for easy setup.

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