Fluid Player documentation

Fluid Player documentation

  • Homepage
  • GitHub

›API

Overview

  • Overview

Integration

  • Quick setup
  • Vue.js
  • React
  • Angular
  • Wordpress

Configuration

  • Layout
  • Advertisements
  • Previews
  • Subtitles
  • VR (experimental)
  • Suggested videos
  • Advanced

API

  • Controls API
  • Utility API
  • Event API

Streaming

  • Streaming support
  • HTTP Live Streaming (HLS)
  • MPEG-DASH

About

  • Help
  • Changelog
  • License

Utility API

You can use functions documented here to alter the behaviour of Fluid Player after initialisation as well as to access different features and internals of Fluid Player itself.

setHtmlOnPauseBlock

If we wanted to set or change the HTML that's set for this we can do it using the following.

html: This is HTML we want to show when the player in paused

width: The width (in pixels) of the container for this HTML

height: The height (in pixels) of the container for this HTML

player.setHtmlOnPauseBlock({html: "<i>This video is paused</i>", width: 100, height: 50});

destroy

Destroy this instance of Fluid Player. Use this method to remove Fluid Player instance from the page.

player.destroy();

dashInstance

Access the current instance of DASH.js. Returns null if DASH streamer is not in use.

NOTE: avoid storing object reference returned by this function. It is possible for this object to change during lifecycle of the Fluid Player instance.

player.dashInstance();

hlsInstance

Access the current instance of HLS.js. Returns null if HLS streamer is not in use.

NOTE: avoid storing object reference returned by this function. It is possible for this object to change during lifecycle of the Fluid Player instance.

player.hlsInstance();
Last updated on 5/20/2020
← Controls APIEvent API →
  • setHtmlOnPauseBlock
  • destroy
  • dashInstance
  • hlsInstance
Fluid Player documentation
Docs
OverviewQuick setup
More
HomepageGitHubStar
Copyright © 2025 Fluid Player and contributors