Video Player Lite

Click image to view demo

View plugin documentation

Video Player Lite introduction

Video Player Lite is highly customizable video player with lots of adjustable features. It supports self hosted video, audio and image files, 360 reality video and image panorama, Youtube and Vimeo videos and Live Streaming. It can be used as single video player or with playlist support of multiple videos.

Video Player Lite is a powerful video and audio player that supports all kind of embeddable media, from HTML5 video formats to Youtube and Vimeo videos, audio or image files to Apple HLS and MPEG DASH live streaming and 360 virtual reality videos and images.

Player can serve different video quality for both desktop and mobile browers, display video subtitles in multiple langauges, control playback speed, and audio languages for live streaming.

Video Player Lite can contain mixed media inside a playlist, so we can have self hosted videos, Youtube videos and some images mixed inside the same playlist.

Player is packed with a huge amount of features and customization options from different skins, color customization, social sharing, external API, private / password protected videos.

Features and options

• Multiple skins
• Open player as ligthbox
• Responsive and mobile friendly layouts with breakpoints
• Highly customizable with HTML and CSS
• Only mp4 video format required for all browsers and devices
• Media support
• Self hosted video
• Self hosted virtual reality 360 video, example here
• Self hosted images
• Self hosted image panorama 360
• Apple HLS Live Streaming m3u8
• MPEG DASH Live Streaming
• Youtube single videos
• Vimeo single videos
• Self hosted audio
• Playback options:
• random playback
• loop playlist
• playback speed
• start / end time
• multiple playback qualities
• muted mobile autoplay
• autoplay in viewport
• on media end navigate to web url link
• Media end action (next, loop, rewind)
• Mix different media types in playlist
• SVG icons
• Subtitles support for any media (video, audio, Youtube, Vimeo) in vtt / srt format
• Remember playback position on page reload.
• Protect media and video urls with url encryption from source page.
• Video aspect ratio (fit inside, fit outside, original size)
• Keyboard navigation
• Password protected content
• Use native player on mobile
• Display poster on mobile
• Display poster image for Youtube and Vimeo videos
• Social sharing
• Support for multiple instances in the same page
• Minimize video to page bottom on page scroll
• Swipe video to advance
• Stick to bottom on page scroll, example here
• Theater mode (full width video mode), example here
• Replace wordpress default video player (self hosted, youtube, vimeo)
• API methods to interact with the player on runtime
• Callbacks events during video playback

If you are looking of more powerful version of this plugin

Demo examples

Skin pollux

Skin aviva

Skin vega

Skin sirius

Skin flat light

Skin flat gray

Open player in lightbox

Theater mode

Youtube video example

Vimeo video example

Minimize the player to bottom on page scroll

Autoplay when player enters viewable area

Live streaming

Show poster on video pause

Notes
This is javascript plugin for standalone website.

Updates / Changelog

VERSION 4.27 [20.10.2024]

 - [FIX] read WEBVTT preview which contains line numbers

VERSION 4.25 [4.9.2024]

 - [ADD] cuepoints with javascript callback function

VERSION 4.2 [23.6.2024]

 - [DEPRECATED] youtube video quality
 - [DEPRECATED] youtube aspect ratio
 - [UPDATE] youtube, vimeo get embed details 

VERSION 4.1 [19.5.2024]

 - [UPDATE] css improvements for theme conflicts

VERSION 4.06 [8.5.2024]

 - [UPDATE] ios detection

VERSION 4.05 [27.11.2023]

 - [FIX] swipe action not working

VERSION 4.04 [7.11.2023]

 - [FIX] subtitle missing off text

VERSION 4.03 [31.10.2023]

 - [UPDATE] autoplay in viewport only loads video poster on page load 

VERSION 4.01 [29.7.2023]

 - [UPDATE] display video subtitles in iPhone native fullscreen

VERSION 4.0 [13.5.2023]

 

 - [FIX] image with duration not working
 - [FIX] using keyboard controls scroling page (space, page up / down)
 - [FIX] show poster on pause if autoplay is true

 - [UPDATE] converted player to javascript only (no jquery dependencies)
 - [UPDATE] SEO and semantics improvements 
 - [UPDATE] remove Youtube deprecated quality menu  
 - [UPDATE] choose swipe action + swipe tolerance 
 - [UPDATE] option to auto advance to next video on error
 - [UPDATE] tooltip visible while seeking video on mobile
 - [UPDATE] CSS hover and container query

 - [ADD] minimize on scroll close button

VERSION 3.46 [8.3.2023]

 
 - [UPDATE] Facebook share

VERSION 3.45 [18.1.2023]

 
 - [FIX] media preload attribute incorrect
 - [UPDATE] WhatsApp share 
 - [UPDATE] play video as a Blob

VERSION 3.4 [6.3.2022]

 
 - [FIX] elements visiblity comparing video width, not whole container width when calculating what icons to show on different screen sizes
 - [FIX] youtube 360 video blocked by transparent div
 - [FIX] hls video subtitles not working
 - [FIX] focus video in theater not working
 - [UPDATE] support for hls 360 virtual reality video
 - [UPDATE] option not to pause video when click share, video info...  
 - [CHANGE] is auto play is true, video poster is skipped by default

VERSION 3.55 [31.12.2021]

 
 - [FIX] preloder sometimes visible under resume screen 
 - [ADD] play videos from OneDrive 

VERSION 3.5 [17.11.2021]

 
 - [FIX] Apple IOS remember playback position time
 - [UPDATE] specify video quality for mobile for self hosted videos  
 - [UPDATE] support for Vimeo password videos

VERSION 3.46 [4.7.2021]

 
 - [UPDATE] update Facebook share method

VERSION 3.45 [16.4.2021]

 
 - [UPDATE] new keyboard controls selector and keyboard controls only active when cursor above the player (now working with multiple players in page) 
 - [FIX] hls load new video 

VERSION 3.4 [23.3.2021]

 
 - [FIX] live streaming video quality menu duplicating on select quality

VERSION 3.35 [27.12.2020]

 
 - [FIX] live stream video quality change
 - [FIX] Android click unmute button pauses video 

VERSION 3.31 [27.11.2020]

 
 - [FIX] admin code generator requied field

VERSION 3.3 [19.11.2020]

 
 - [ADD] new HTML code generator for videos and player
 - [ADD] live video thumbnails for html5 video while seeking video
 - [ADD] option to show video title above the player

VERSION 3.11 [26.10.2020]

 
 - [FIX] swipe not working

VERSION 3.01 [16.7.2020]

 
  - [ADD] option to show video poster on pause
  - [UPDATE] play 360 video from hls or dash source

VERSION 3.0 [19.4.2020]

 - [FIX] seekbar size calculation 
 - [FIX] mediaEndAction poster keeps duplicating posters
 - [FIX] IOS require double tap on unmute button if controls hidden
 - [CHANGE] video poster is always shown (if exist) regardless of autoplay 
 - [CHANGE] player max width now requires px or % values in field (900px or 70%)
 - [UPDATE] menu items bigger padding for better mobile usability
 - [ADD] option to set custom image preloader over player instead of current css spinner
 - [ADD] player custom classes
 - [ADD] player settings can now be passes with query string (parameters begins with "vpl-")
 - [ADD] create video or playlist from query string parameters   
 - [UPDATE] share specific video in player when used with social networking (direct link to video and current time)
 - [UPDATE] right click context menu update, share url to specific video in player
 - [ADD] resume playback position prompt - ask user to continue watching where left off or start from the beginning 
 - [UPDATE] option to open player from click on any dom element (normal player or lightbox)

VERSION 2.8 [3.3.2020]

 - [ADD] unmute button to unmute the video 
 - [ADD] optional closed caption button in controls to toggle caption state
 - [UPDATE] autoplay in viewport multiple players like facebook
 - [ADD] LIVE indicator in controls for live streams (auto or manual)
 - [ADD] option to disable seekbar to prevent skipping video
 - [FIX] parse vtt with multiline of text

VERSION 2.75 [14.2.2020]

 - [UPDATE] cleaned double autoPlay setting (no more forceMutedAutoplay), autoPlay settings is now reponsible for muted autoplay
 - [ADD] example demo with image icons, font-awesome icons

VERSION 2.7 [18.11.2019]

– [UPDATE] updates to player resizing (player never larger than viewport)
– [UPDATE] toggle subtitle font size with keyboard controls (+/-)
– [ADD] theater mode
– [ADD] open player in lightbox from any page element

VERSION 2.62 [11.11.2019]

 - [FIX] missing url to touchswipe

VERSION 2.61 [5.11.2019]

 - [FIX] vimeo autoplay after poster

VERSION 2.6 [27.10.2019]

 - [ADD] option to show poster after video end screen (self hosted, youtube, vimeo)
 - [ADD] option to skip poster 

VERSION 2.5 [16.10.2019]

 - [ADD] new optional buttons in controls (rewind, skip backward, skip forward)
 - [UPDATE] set default video quality on mobile
 - [ADD] image support
 - [ADD] load media by media-id API

VERSION 2.3 [28.8.2019]

 - [ADD] audio language menu for live streaming
 - [FIX] small bug fixes and code improvements

VERSION 2.2 [2.8.2019]

 - [UPDATE] all new skins and player core rewritten

tags: dash, HLS, html5, live streaming, mobile video, responsive video, skin, video, video player, vimeo, youtube