Click image to view demo

Modern Video Player is a powerful video and audio player that supports all kind of embeddable media, from HTML5 video formats to Youtube videos, playlists, channels, Vimeo videos, albums, channels to reading folders of video, audio or image files, Apple HLS and MPEG DASH live streaming, 360 virtual reality videos and images, embedded iframes like Daily motion, Wistia videos, Google maps and much more.

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

Modern Video Player also supports unlimited playlists and each playlist can contain unlimited number of videos. Each playlist can also contain mixed media inside, 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 layouts, skins, color customization, social sharing, external API, video advertisments (pre-roll, mid-roll, end-roll), annotations during video playback, private / password protected videos, Google analytics, Google Adsense..

Additional advertising options include support for IMA, VAST, VMAP, VPAID, SIMID.

Player incorporates Chromecast ability to display its content in Chromecast compatible device.

Features and options:

  • Destop, mobile and tablet support (fully responsive)

  • Responsive layouts

  • Highly customizable with HTML and CSS

  • SVG icons

  • Only mp4 video format required for all browsers and devices

  • Supported content sources:

  • Self hosted video, audio, images

  • Self hosted virtual reality 360 video

  • Self hosted image panorama 360

  • Apple HLS Live Streaming

  • MPEG DASH Live Streaming

  • Youtube content:

  • Single video

  • Playlist

  • Channel

  • 360 video

  • Vimeo content:

  • Single video

  • Showcase (formerly Album)

  • Group

  • Channel

  • Video query (search)

  • 360 video

  • Folder playlist (video, audio)

  • Custom iframe (show any iframe into the player: Daily Motion, Wista, Google Maps…etc)

  • XML playlist

  • Password protected videos

  • Set any frame as poster for self hosted videos

  • Optional poster image for self hosted video, Youtube and Vimeo

  • Option to display poster image on mobile to preserve bandwidth

  • Subtitles support for any media (video, audio, Youtube, Vimeo) (vtt / srt)

  • Google Analytics tracking

  • Adverts support (pre-roll, mid-roll, end-roll). Play video, audio file on demand. Global adverts per playlist or individual per media

  • Annotation support (show / hide HTML elements including iframes over video area during playback). Global annotations per playlist or individual per media

  • AdSense support in player (monetize your video content!)

  • Show video preview on hover like Youtube thumbnails

  • active item and timestamp parameters in url

  • Video Chapters support (seek to specific time with presented seekbar and title)

  • Remember playback position on page reload (active video, current time).

  • Protect media and video urls with url encryption from source page.

  • Support for multiple instances in the same page

  • Option to mix different media types in the same playlist (to have self hosted videos, youtube videos, images etc in same playlist)

  • Stick to bottom on page scroll

  • Up next video feature

  • Load more videos on scroll to playlist bottom

  • Playlist position top / bottom / left / right / lightbox / grid / vertical / horizontal

  • Playlist options:

  • Scroll

  • Buttons

  • Mouse move

  • Wall / Grid layouts

  • None

  • Load more options on total scroll in playlist:

  • load more option for Youtube and Vimeo

  • load more option from WordPress database

  • Playlist is cached in browser to limit API requests For Youtube, Vimeo and other services and fast load on start

  • Playback options:

  • random playback

  • loop playlist

  • playback speed

  • start / end time

  • multiple playback qualities

  • load more videos on page scroll (Youtube, Vimeo)

  • mobile autoplay under certain conditions

  • on media end navigate to url

  • swipe video

  • Picture in picture

  • Breakpoints (hide specific buttons or player elements on small screens)

  • Autoplay when in viewport (full width video mode)

  • Theater mode (full width video mode)

  • Serve player as lightbox

  • Media aspect ratio (original / fit-inside / fit-outside)

  • Media end action (next, loop, rewind)

  • Keyboard navigation

  • Social sharing (facebook, twitter, tumblr… etc)

  • API methods to interact with the player on runtime

  • Callbacks events during video playback

  • Advert callbacks which fire when video ads play

jQuery version available here:
http://codecanyon.net/item/html5-video-gallery-with-live-playlist-/490139

Updates / Changelog

VERSION 7.31 [10.5.2022]

- [UPDATE] thumbnail image not required for skip ad window
 - [FIX] vast non linear ads used without ima loader do not show

VERSION 7.3 [5.5.2022]

- [FIX] chapter window close button not wokring
 - [FIX] tooltip...