title: Tooltip with AJAX not working
body: <p>I am making an extension that highlights certain words and forms a tooltip. 
  My application relies heavily on displaying the content of another webpage.
  I am currently trying to use my tooltip with the AJAX tooltip example from tooltip.js which displays a video from Vimeo in the tooltip. </p>
  
  <p>However, when I actually use the tooltip the video keeps buffering and messes up the webpage I used the extension on entirely - it superimposes half the webpage with nothing or another component of the webpage. Do you know any solution? Should I try something else?</p>
  
  <p>Here's a link to the documentation and example I am using: <a href="http://www.tippedjs.com/documentation" rel="nofollow noreferrer">http://www.tippedjs.com/documentation</a>
  Here's my code:</p>
  
  <pre><code>//this specifies the DOM element being tool-tiped in extension
  Tipped.create(this, {
      ajax: {
          url: 'http://vimeo.com/api/oembed.json?url=http://vimeo.com/6428069&amp;maxwidth=280&amp;maxheight=280',
          success: function(data, textStatus, jqXHR) {
              return {
                  title: data.title,
                  content: data.html
              };
          }
      },
      close: true,
      hideOn: false,
      skin: 'light',
      radius: false,
      position: 'topleft'
  });
  </code></pre>
  
  <p>I tried my extension on Wikipedia and the bottom part of the page covered the upper half. </p>
  
  <p><a href="https://i.stack.imgur.com/eRJw3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eRJw3.png" alt="enter image description here"></a></p>
  
  <p>I have tried using the code based on the documentation just in a html page I created and it still did not work. I will post the html for this page soon.</p>