Skip to main content

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]/');