The IMA SDK Plugin for Video.js provides a quick and easy IMA SDK integration for the Video.js player.
The framework is currently in beta, allowing interested developers to try it out and send feedback before we finalize the APIs and features.
To see the plugin in action, check out our samples.
The easiest way to get started is by using npm.
npm install videojs-ima
If you don't use npm, you can download the source from the src/ folder and include it directly in your project. You'll also need to download the source for the videojs-contrib-ads plugin.
<!-- Load dependent stylesheets. --><!-- Load dependent scripts -->
In player.js, load the ads library and set up the IMA plugin:
var player = ;var options =id: 'content_video'adTagUrl: 'YOUR_AD_TAG';player;playerima;// On mobile devices, you must call initializeAdDisplayContainer as the result// of a user action (e.g. button click). If you do not make this call, the SDK// will make it for you, but not as the result of a user action. For more info// see our examples, all of which are set up to work on mobile devices.// player.ima.initializeAdDisplayContainer();player;
That's all there is to it!
The plugin accepts additional settings beyond the two required settings shown in the previous snippet. A summary of all settings follows:
id: <string> REQUIRED The id of your video playeradTagUrl: <string> REQUIRED A URL which returns a VAST responseadsRenderingSettings: <Object> JSON object with ads rendering settings as defined in the IMA SDKdebug: <boolean> True to load the debug version of the plugin false to load the non-debug version Defaults to falselocale: <string> Locale for ad localization This may be any ISO 639- or ISO 639- Defaults to 'en'nonLinearWidth: <Number> Desired width of non-linear ads Defaults to player widthnonLinearHeight: <Number> Desired height for non-linear ads Defaults to 1/3 player heightshowCountdown: <boolean> Whether or not to show the ad countdown timer Defaults to truevpaidAllowed: <boolean> Whether or not to allow VPAID ads Defaults to true
Please report issues on the issues page.
The IMA SDK plugin for Video.js uses the IMA SDK, and as such is subject to the IMA SDK Terms of Service.
If you have questions about the framework, you can ask them at //groups.google.com/d/forum/google-media-framework
See CONTRIBUTING.md for details.