Google Ima Video Ads

The Google IMA SDK for HTML5 V3 allows developers to request and track Google VAST ads in a HTML5 video environment.The IMA SDK Plugin by Google for Video.js provides a quick and easy IMA SDK integration for the Video.js player.

Since the video.js player with the Nuevo plugin makes use of custom CSS skins, you must also load a custom CSS stylesheet for the Ima plugin.

Code snippet

<head>
<!-- Load dependent stylesheets. -->
<link href="path/to/videojs/videojs.css" rel="stylesheet">
<link href="path/to/videojs/plugins/ima.css" rel="stylesheet"/>
</head>

<body>
<video id='content_video' class="video-js">
<source src="PATH_TO_YOUR_CONTENT_VIDEO" type="YOUR_CONTENT_VIDEO_TYPE"/>
</video>

<script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
<script src="/videojs/video.min.js"></script>
<script src="/videojs/plugins/videojs-contrib-ads.js"></script>
<script src="/videojs/plugins/ima.js"></script>
<script src="/videojs/nuevo.min.js"></script>

<script>
var player = videojs("my_player", {license: "key");
player.nuevo();
player.ima({adTagUrl: "YOUR_AD_TAG"});
</script>

For more details about the Ima plugin, available options and events check Google Ads Github resource.