We support HTML5 creatives on screens via Broadsign SSP. Set up the creative just as a normal HTML5 creative and add {[...], "isDOOH": true} to the metadata.json-file to indicate that the creative is intended for DOOH use.
HTML5 creatives will be preloaded before displayed on the screen and therefore animations and other dynamic components can be initiated before the ad is actually displayed on the screen, to handle this Broadsign provides utility JavaScript functions that's called when the ad actually is displayed on the screen, see this page for more details.
The user-agent used in the screen that renders the creative will add a margin of 8 pixels around all edges. To compensate for this and make the creative render in the top left corner, add a negative margin to the styling of the creative, like this:
<style>
html {
margin-left: -8px;
margin-top: -8px;
}
</style>