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: {
pause: {
// exit thumbnail:
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]/');