title: Videojs how to add Skip Ad button
body: <p>I use VideoJs player for my website. In each video i have first ad and after that start video file. I looked on the internet but I couldn't find any clear documentation or some examples to create a button 'Skip Ad' ... I find only 
  <a href="https://github.com/theonion/videojs-skip-ads" rel="nofollow noreferrer">this example</a> but when i try it I have error </p>
  
  <p><code>VIDEOJS: ERROR: TypeError: player.skipAds is not a function</code> </p>
  
  <p>here is my code:</p>
  
  <pre><code>&lt;video  id="video_1" poster="&lt;?=$videos-&gt;getPoster(1)?&gt;" class="video video-js vjs-default-skin" controls width="258" height="150" data-setup="{}" src="&lt;?= $videos-&gt;getVideo(1) ?&gt;"&gt;
       &lt;source src="&lt;?= $videos-&gt;getVideo(1) ?&gt;" type="video/mp4"&gt;
       &lt;div class="videojs-ads-info enabled"&gt;
            &lt;span&gt;Your video will resume in 23 seconds&lt;/span&gt;
            &lt;a class="enabled"&gt;Skip Ad&lt;/a&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>and script : </p>
  
  <pre><code>videojs('#video_1', {}, function() {
          var player = this;
          player.ads();
          player.on('contentchanged', function() {
                     player.trigger('adsready');
                   });
          player.on('readyforpreroll', function() {
                     player.ads.startLinearAdMode();
                     player.src('&lt;?=$videos-&gt;getAds(1)?&gt;');
                     player.skipAds({ delayInSeconds: 10 });
                     player.one('adplaying', function() {
                                  player.trigger('ads-ad-started');
                              });
                     player.one('adended', function() {
                                  player.ads.endLinearAdMode();
                              });
          });                     
          player.trigger('adsready');
  </code></pre>
  
  <p>});</p>