fluid-player/fluid-player-docs

Fluid Player Documentation

Fluid Player

Version 3 released

A new major version of Fluid Player has been released on May 20, 2020. Existing version 2 users are recommended to upgrade. See quick setup guide.

Overview

Fluid Player is a free HTML5 video player. It is lightweight, easy to integrate and has advanced VAST capabilities. The idea behind VAST, as well as the full VAST specification, can be found here: VAST 4.0.

Documentation

The integration and configuration of Fluid Player is fully outlined in Fluid Player Documentation

License

Fluid Player is licensed under the MIT License. View the License File.

Changelog

A full list of changes and updates can be found in the project CHANGELOG.

fluid-player-docs's Issues

Wrong/death link

While reading I found a death link.

If you go to API --> setHtmlOnPauseBlock there is printed: The purpose of the htmlOnPauseBlock is outlined here. The link is like that: http://localhost:1313/configuration/#htmlonpauseblock and I think it has to be like that: https://docs.fluidplayer.com/layout_configuration/#htmlonpauseblock in the documentation.

Document hls.js and dash.js modules callbacks

We have the following callbacks in the code, but only configureHls is documented.

                configureHls: (options) => {
                    return options;
                },
                onBeforeInitHls: (hls) => {
                },
                onAfterInitHls: (hls) => {
                },
                configureDash: (options) => {
                    return options;
                },
                onBeforeInitDash: (dash) => {
                },
                onAfterInitDash: (dash) => {
                }

Add information about HLS Api

Hello, I really liked your player and I hope you implement VPAID support.
In the meantime, I want to share my experience working with him.

The player has built-in hls.js and you can control it via api.
For example, change the size of the buffer. By default it is 60 mb.
myFluidPlayer.hlsPlayer.config.maxBufferSize = 40000000;
The smaller the buffer you set, the less the user preloads the video.
More information about api on the HLS.js page.
https://github.com/video-dev/hls.js/blob/master/docs/API.md

But that's not all, you can directly use HLS plug-ins, for example p2p tracker, which will save a lot of traffic.

    var p2pConfig = {
...
    };
    var p2pEngine = new P2PEngine (myFluidPlayer.hlsPlayer, p2pConfig);
Details on the plug-in page.
https://github.com/cdnbye/hlsjs-p2p-engine

I hope my findings will help you make more interesting documentation for your player.

loop property in Layout Configuration is not documented

layoutControls: {
loop: true
}

loop property configures the player to auto-replay when the video completes

Hi

Hi I use fluid player and I want to ask.
How to set up the player for streaming live the television channels and add other channels.

example https://horjuntv.com.tm/ru/online/tv/10

Custom 405 error video doesn't play - How to Enable debug mode

We've set a custom 405 error video with our CDN.

We reproduce the error by inserting different cdn_net IP address. The CDN then returns a 302 moved and code 200 with the 405.mp4 video. The Fluid player however is trying to load the original video instead of the provided 405 error video, which causes the player to load indefinitely and generate the following error:

[Error] (204): [FP_ERROR] Timeout error. Failed to play video?

We need more information on this error and how to configure the player to show the 405.mp4 video instead of the initially requested video.

How can we enable debug mode for the player?

Do we add

window.fluidDebug = true;

in the beginning of the fluidplayer.js file?