This is very easy to use Floating with Video Template.
A user opens the webpage and sees three collapsed 145x80 banners locked on the center-right side of the browser window, hidden about 50%. On mouse over, the banner displays full 145x80 stage. On click, the banner expands left to 700x700.
Once expanded, the banner can offer additional flash, video or other rich media experience. The expanded banner accommodates a link to the predefined landing page. The ad maintains this size until the “Close” button is clicked. The ad then collapses to the initial dimensions. The ad expands as many times as the user clicks the collapsed part.
The following items are to be delivered by a creative agency:
NOTE: manifest.json file and HTML file should be in the root directory of the .zip file.
The file “index.html” can be adjusted to customize the banner components.
NOTE: In order to use Adform components for HTML, it is necessary to define global preloadQueue array, where you push all the wanted components to preload before script execution and to load Adform.DHTML.js
These are the values that can be changed:
INFO: Please refer to the Video Player component for more detailed information on component setup and behavior.
|Component/feature||Technical Documentation||Template in STUDIO|
|Auto Close||Contact RM Support|
|Panel Slide (Filmstrip) Component||Documentation||Template|
|Open Door Component||Contact RM Support||Template|
|HTML Animations||Any HTML content animation|
In order to deliver HTML5 banners fully compliant with the specs, follow the instructions on Producing HTML5 banners in Adform Test and Support Center: http://test.adform.com/testpage/banner-specifications/
|Desktop browser version|
|Internet Explorer 8 (and bellow)||not supported (backup image)|
|Internet Explorer 9||fully supported|
|Internet Explorer 10 & 11||fully supported|
|Firefox (newest version)||fully supported|
|Chrome (newest version)||fully supported|
|Safari (newest version)||fully supported|
Custom Script URL:http://s1.adform.net/Banners/Elements/Files/13097/915654/adTabs_hide.js?bn=%%ADFTAGID%%;width=1160;height=680;