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='my_player' 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>
const 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.For more details about the Ima plugin, available options and events check Google Ads Github resource.
Please note, the IMA plugin and IMA Sdk is a project by Googleads developers. Nuevodevel is not responsible for any possible issues with the display of Google ads.