VgImaAds @Component
Component to display videos and banners with the Google IMA HTML5 SDK.
Inputs
| Input | Description |
|---|---|
| vgFor | Target media id property to play/pause the specified media. This parameter is optional and only necessary if you have more than one media registered into VgAPI. |
| vgAdTagUrl | Required. String to the advertisement tag url. |
| vgCompanion | Optional. String with the id of a container to display the companion ad. If you want to read more about it, please look official docs. |
| vgCompanionSize | Optional. Array of numbers with sizes of the companion ad. Format: [width, height]. |
| vgNetwork | Optional. String with the network id provided by Google Publisher Tag. |
| vgUnitPath | Optional. String with the unit path id provided by Google Publisher Tag. |
| vgSkipButton | Optional. String with a query selector to display a custom skip button. You must set the element with position style to absolute and z-index at least 1. |
HTML Definition
<vg-player id="demo-player">
<vg-ima-ads
[vgCompanion]="'companion-ad'"
[vgCompanionSize]="[728, 90]"
[vgNetwork]="'6062'"
[vgUnitPath]="'iab_vast_samples'"
[vgAdTagUrl]="'https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator='"
[vgSkipButton]="'.skip-button'">
</vg-ima-ads>
<video #myMedia
[vgMedia]="myMedia"
id="my-video"
src="http://static.videogular.com/assets/videos/videogular.mp4"
type="video/mp4">
</video>
</vg-player>
<div class='skip-button'>custom skip ad button</div>
<div id="companion-ad"></div>