Impossible.io Integration

Server-side rendering integration with the ImpossibleFX Render API. Change the start and end values below to control the counter range, then hit Apply to re-render.

Source code

<link rel="stylesheet" href="https://cdn.impossible.io/support/fxplayer.css" />
<script src="https://cdn.impossible.io/fxplayer/v3/fxplayer.js"></script>

<div id="player" style="width: 720px; aspect-ratio: 16/9;"></div>

<script>
  // Option A: Configure via constructor
  const player = new fxplayer.FXPlayer('player', {
    controls: true,
    impossible: {
      projectId: 'your-project-id',
      movie: 'your-movie-name',
      region: 'eu-west-1',
      params: { start: 0, end: 100 },
    },
  });
  player.play();

  // Option B: Set movie/params after construction
  const player2 = new fxplayer.FXPlayer('player', { controls: true });
  player2.setMovie('your-project-id', 'your-movie-name');
  player2.setParams({ start: 0, end: 100 });
  player2.play();

  // Option C: Play with a pre-existing token
  const player3 = new fxplayer.FXPlayer('player', { controls: true });
  player3.setToken('V2:eu-west-1:abc123');
  player3.play();
</script>