VideoFX - HTML5 Streaming Video Player

VideoFX is a universl HTML5 video player that supports HLS and MPEG Dash Streaming in addition to MP4 progressive video. It can be tightly integrated into the Impossible FX infrastructure.

Quick Start

Include the fxplayer.js script in your web page and specify the project ID, movie name and parameters:

<html>
    <head>
        <script src="https://cdn.impossible.io/support/fxplayer.js"></script>
    </head>
      
    <body>
        <video id="my-video" controls="controls" width="640" height="360">
        </video>
      
        <script>
            var player = fxplayer("my-video", {format: "hls"});
            player.projectid="YOUR PROJECT ID";
            player.movie="NAME OF YOUR DYNAMIC MOVIE";
            player.params={
                param1: "value1",
                param2: "value2",
            };

            player.play();
        </script>
    </body>
</html>

Download

For local installation, you can get the latest version of the FX Player from this location:

https://cdn.impossible.io/support/fxplayer.js

Alternatively you can install the player via npm:

npm install impossiblefx-player

Usage

The fxplayer.js script returns a single function (fxplayer) that takes up to two parameters and returns an instance of the FXPlayer:

    var player = fxplayer("ID of video tag", options?)
or
    var player = fxplayer(video tag element, options?)

options is an optional hash which controls various aspects of the player and render request parameters:

format: "hls", "dash", or "mp4"
controls: "native", or "fx"
parallel: number, (default is 1)
routingkey: string, (default is "default")

FXPlayer

The FXPlayer returned by the above call has the folloing properties and methods:

Properties
projectid	The UUID of the project
movie	The name of teh Dynamic Movie
params	A Hash Object with movie variabes and values
token	For token based rendering, supply the token only (omit projectid, moviename and params)
Methods
play()	Play the video.