Thanks for that insight Prernan.
From your link it looks like I need to slip the attribute 'defer' into the tag somewhere.
var rnd = window.rnd || Math.floor(Math.random()*10e6);
var pid228951 = window.pid228951 || rnd;
var plc228951 = window.plc228951 || 0;
var abkw = window.abkw || '';
var absrc = 'http://ab169300.adbutler-zilon.com/adserve/;ID=169300;size=300x250;setID=228951;type=js;sw ='+screen.width+';sh='+screen.height+';spr='+window.devicePixelRatio+';kw='+abkw+';pid='+p id228951+';place='+(plc228951++)+';rnd='+rnd+';click=CLICK_MACRO_PLACEHOLDER';
Ah, thanks Ankush - a slight misunderstanding.
I'm not trying to show a video, the video is there to demonstrate a problem. It just shows what happens on an ipad. It's a screen grab.
I need to be able to serve third party ads upon the website.
The same problem happens whatever ad tag source I use - for example an iframe tag also serves before the rest of the page and causes that destructive zig zagging.
So the question is, what can I do to stop that script executing too soon?
Can I add some sort of defer or some sort of page load trigger to the script to start it only after the page has rendered?
The ad serving company has recommended as follows:
"I would recommend loading our ads through an iframe and then rendering
the iframe after the rest of the page is loaded. The iframe will protect
the rest of the page from being overwritten, while still allowing you to
hold off the banner from loading."
Any idea on how I would do that?
No, specifically, I know how to do two things:
Add an iframe to a page