// style hackings
window.VIDEOJS_NO_DYNAMIC_STYLE = true;

// Create the player for the first time
const player = videojs(VIDEO_ID, null, function () {
  getStatus();
  setInterval(getStatus, 5000);
  setupPlayerEventHandlers();
})

player.ready(function () {
  console.log('Player ready.')
  resetPlayer(player);
});

function resetPlayer(player) {
  player.reset();
  player.src({ type: 'application/x-mpegURL', src: URL_STREAM });
  setVideoPoster(app.isOnline);
}

function setupPlayerEventHandlers() {
  const player = videojs(VIDEO_ID);

  player.on('error', function (e) {
    console.log("Player error: ", e);
  })

  // player.on('loadeddata', function (e) {
  //   console.log("loadeddata");
  // })

  player.on('ended', function (e) {
    console.log("ended");
    resetPlayer(player);
  })
  //
  // player.on('abort', function (e) {
  //   console.log("abort");
  // })
  //
  // player.on('durationchange', function (e) {
  //   console.log("durationchange");
  // })
  //
  // player.on('stalled', function (e) {
  //   console.log("stalled");
  // })
  //
  player.on('playing', function (e) {
    if (playerRestartTimer) {
      clearTimeout(playerRestartTimer);
    }
  })
  //
  // player.on('waiting', function (e) {
  //   // console.log("waiting");
  // })
}

function restartPlayer() {
  try {
    console.log('restarting', player.src())
    const player = videojs(VIDEO_ID);
    player.pause();
    player.src(player.src()); // Reload the same video
    player.load();
    player.play();
  } catch (e) {
    console.log(e)
  }

}