Developer Guide Javascript API Reference Developer Tools Release Notes

Resume Playback w/ Cookies

Use cookies to remember where the user left off and resume playback at the same time offset when revisiting the page.

github


const logger = new Logger('logger');

const playerInstance = jwplayer('player').setup({
  playlist: 'https://cdn.jwplayer.com/v2/media/1g8jjku3?sources=mp4'
});

playerInstance.once('play', function() {
  let cookieData = Cookies.get('resumevideodata');
  if (!cookieData) {
    return logger.log('No video resume cookie detected. Refresh page.');
  }
  const [ resumeAt, duration ] = cookieData.split(':');

  if (resumeAt < duration) {
    playerInstance.seek(resumeAt);
    logger.log('Resuming at ' + resumeAt);
    return;
  }

  logger.log('Video ended last time! Will skip resume behavior');
});

playerInstance.on('time', function(e) {
  Cookies.set('resumevideodata', `${Math.floor(e.position)}:${playerInstance.getDuration()}`);
});
This player implementation is a Proof of Concept only provided to show the possibilities of the JW Player and Platform and should not be taken as an offer to create, edit or maintain custom integration or development.