Overriding Thumbnails
Overriding the custom thumbnail for the Vidalytics Player is a relatively simple 2-step process.
- Create new variable holding settings overrides.
- Pass variable to the method
run()
in the embed code. Assuming that your variable is namedvidalyticsCustomSettings
, it should bet.run(a, vidalyticsCustomSettings)
instead oft.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]/');