• Some advanced hplayer function’s to manage the player on fly.

Mute and Unmute the player.

  • You can directly mute and unmute the video player using following function.

Example

// to mute
hplayer.mute();
// to unmute
hplayer.unmute();

Change video quality.

  • You can change the resolution of the video on fly to lowest, highest and auto using following methods.

Example

// To set the lowest quality resolution.
hplayer.setLowQualityResolution();
// To set the highest quality resolution.
hplayer.setHighQualityResolution();
// To set auto quality
hplayer.setAutoQuality()
Note
 You can set/select your preferred resolution using hplayer.setLowQualityResolution(); or hplayer.setHighQualityResolution(); by passing argument qualityVariantIndex (you get from the hplayer.player_.getVariantTracks();)

Show/Hide Controls UI.

  • You can hide and display controls UI of the player.

Example

// Display UI all controls panel
hplayer.showUiControls();
// Hide UI all controls panel
hplayer.hideUiControls();

Change Button Tooltips.

  • You can change the button tooltips dynamically in your own language.

Example

// Change tooltip
hplayer.changeButtonTooltipContext('YourButtonClassName', 'YourContext');

Apply Start and End range (VOD)

  • Applies playRangeStart and playRangeEnd to the given timeline. This will only affect non-live content.

Example

// Apply the setting's
const options = {
    player_configurations: {
        playRangeStart: 20,
        playRangeEnd: 80
    }
}

Show/Hide controls panel UI


Change video quality


Mute/Unmute Volume


Insert backward button tooltip text: