title: VideoJS IMA Setup
body: <p>I'm trying to follow the GettingStarted instructions on <a href="https://github.com/googleads/videojs-ima" rel="nofollow noreferrer">https://github.com/googleads/videojs-ima</a> to setup videojs with ima. But, am getting stuck on the part "In player.js, load the ads library"; nothing has been changed in the local player.js file so it still looks exactly the same as here <a href="https://github.com/videojs/video.js/blob/master/src/js/player.js" rel="nofollow noreferrer">https://github.com/videojs/video.js/blob/master/src/js/player.js</a>. </p>
  
  <p>Bellow is the current code I have, but when it's ran in IE11, the console reports a warning and two errors: </p>
  
  <ol>
  <li>Warning: "VIDEOJS: WARN: videojs.plugin() is deprecated; use videojs.registerPlugin() instead" in video.js (489,5)</li>
  <li>Error: "SCRIPT1002: Syntax error" in player.js (5,1)</li>
  <li>Error: "CSS3120: No fonts available for @font-face rule" in video-js.css (12,7)</li>
  </ol>
  
  <p>Any input very much appreciated.</p>
  
  <p>Thank you.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;!-- Load dependent stylesheets. --&gt;
          &lt;link rel="stylesheet" href="http://vjs.zencdn.net/6.2.0/video-js.css"&gt;
          &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-ads/5.0.2/videojs.ads.css" /&gt;
          &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/videojs-ima/0.6.0/videojs.ima.css" /&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;video id="content_video" class="video-js vjs-default-skin"
                  controls preload="auto" width="440" height="260"&gt;
              &lt;source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4" /&gt;
          &lt;/video&gt;
          &lt;!-- Load dependent scripts --&gt;
          &lt;script src="http://vjs.zencdn.net/6.2.0/video.js"&gt;&lt;/script&gt;
          &lt;script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"&gt;&lt;/script&gt;
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-ads/5.0.2/videojs.ads.js"&gt;&lt;/script&gt;
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-ima/0.6.0/videojs.ima.js"&gt;&lt;/script&gt;
          &lt;script src="src/js/player.js"&gt;&lt;/script&gt;
          &lt;script&gt;
              var player = videojs('content_video');
  
              var options = {
                id: 'content_video',
                adTagUrl: 'https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&amp;iu=/124319096/external/single_ad_samples&amp;ciu_szs=440x260&amp;impl=s&amp;gdfp_req=1&amp;env=vp&amp;output=vast&amp;unviewed_position_start=1&amp;cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&amp;correlator='
              };
  
              // This must be called before player.play() below.
              player.ima(options);
              player.ima.requestAds();
              // 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();
  
              // This must be called after player.ima(...) above.
              player.play();      
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>