Overriding Thumbnails

Overriding the custom thumbnail for the Vidalytics Player is a relatively simple 2-step process.

  1. Create new variable holding settings overrides.
  2. Pass variable to the method run() in the embed code. Assuming that your variable is named vidalyticsCustomSettings, it should be t.run(a, vidalyticsCustomSettings) instead of t.run(a):
var vidalyticsCustomSettings = {
  ui: {
    overlay: {
        // exit thumbnails
        multiPause: {
            thumbnail1: {
                from: null, // optional, define time in seconds when this thumbnail should be shown
                to: null, // optional, define time in seconds when this thumbnail should not appear
                source: 'https://vidalytics.com/customer-support/custom-thumbnail/t/custom-pause-screen.png'
            }
        }
    },
    thumbnail: {
      default: {
        source: 'https://vidalytics.com/customer-support/custom-thumbnail/t/thumbnail-desktop.png'
      },
      mobile: {
        source: 'https://vidalytics.com/customer-support/custom-thumbnail/t/thumbnail-mobile.png'
      }
    }
  }
};

(function (v, i, d, a, l, y, t, c, s) {
    y='_'+d.toLowerCase();c=d+'L';if(!v[d]){v[d]={};}if(!v[c]){v[c]={};}if(!v[y]){v[y]={};}var vl='Loader',vli=v[y][vl],vsl=v[c][vl + 'Script'],vlf=v[c][vl + 'Loaded'],ve='Embed';
    if (!vsl){vsl=function(u,cb){
        if(t){cb();return;}s=i.createElement("script");s.type="text/javascript";s.async=1;s.src=u;
        if(s.readyState){s.onreadystatechange=function(){if(s.readyState==="loaded"||s.readyState=="complete"){s.onreadystatechange=null;vlf=1;cb();}};}else{s.onload=function(){vlf=1;cb();};}
        i.getElementsByTagName("head")[0].appendChild(s);
    };}
  vsl(l+'loader.min.js',function(){if(!vli){var vlc=v[c][vl];vli=new vlc();}vli.loadScript(l+'player.min.js',function(){var vec=v[d][ve];t=new vec(); t.run(a, vidalyticsCustomSettings);});});
})(window, document, 'Vidalytics', 'vidalytics_embed_[EMBED_ID]', 'https://quick.vidalytics.com/embeds/[USER_ID]/[EMBED_ID]/');