Example's Usage

VOD

  • Basic VOD

    Play a video: mp4, hls, dash

    Demo
  • Featured VOD

    mp4, hls, dash

    Demo

Live

  • Basic Live

    hls, dash

    Demo
  • Featured Live

    hls, dash

    Demo

Available Features

Presentation

Poster

Demo a poster before the video plays.

Big Play Button

Play button.

Thumbnail Track

Demo thumbnail on timeline hover.

Chapters VOD

Adds a chapters display.

Chapters Live New Update

Now display live chapters on your live stream.

Tags New

Now display tags on the video timeline.

Subtitles

Picture In Picture

Enable the feature picture in picture. Native browser feature

Auto Picture-In-Picture

Auto picture-in-picture mode on scrolling page. Css trick to have the player fixed on page while scrolling.

Popup List

Add a list of data to the player. A list will be displayed with a specific appearance.

Image Overlay

Overlay an image on the video player.

Manage Alerts

Send notification to the player.

Volume Vertical New

Customise volume bar to vertical from horizontal.

Context Menu New

Create your own custom context menu.

Time Tooltip New

Display time tooltip on seek.

Live

Small live Button

Live status indicator. Go back to live on click.

Big live Button

Live status indicator. Go back to live on click.

DVR Mode Button New

Start-Over - DVR Mode Button Now manage the Start-Over (DVR) timeline with one click.

Manage Playback

Backward Button

Jump backward X seconds

Forward Button

Jump forward X seconds

Playback Speed New Update

Customize your own playback rates in the player.

Express Mode New Update

Play video at a very fast playback speed but the start and the end. Speed, start and end are customizable.

Rewind New Update

Adds a button that rewinds the presentation on a click; that is, it starts playing the presentation backwards.

Fast Forward New Update

Adds a button that fast forwards the presentation on click; that is, it starts playing the presentation at an increased speed.

Loop

Adds a button that controls if the currently selected video is played in a loop.

Keyboard Support New

Now manage player with your keyboard

Miscellaneous

ChromeCast

Enable ChromeCast

AirPlay

Enable AirPlay

Share Button

Share page url to social network.

Screenshot

Take a screenshot from video

Auto Disconnect New

Auto disconnect the player with an alert prompt

Custom Buttons New

Now, add your own custom buttons in the player.

Custom Audio Languages New

Now, add your different multi audio mp4's in the player.

only MP4 video's

Manage Sources

Playlist

Add a playlist to the player. Video will play in order.

Switch Channel

Select a new channel(live stream) from given list.

Redirect

Redirect to another url after the video has ended.

Language

Adds a button that controls audio language selection

Quality

Adds a button that controls enabling/disabling of abr and video resolution selection.

Statistics New

Create your own custom player statistics.

Explicit Features

Mini-Player

Launch mini player on page.

Add next video channels in the mini player.

Multiplayer

Live multi-player example

HPlayer API

Advanced Method's

Manage video quality, controls UI, mute/unmute player on fly.

HPlayer Notification's

Notification's New

Send Notification to the player.

Work in Progress

Thumbnails

Demo thumbnail on timeline hover.

Thumbnails generated from client browser.