title: Vimeo Froogaloop API not recognizing an event
body: <p>I'm trying to recognize the onPlay, onPause, and onFinish event for vimeo using the froogaloop API. I've tried everything I could imagine with this thing, and no luck.</p>
  
  <p>I get this error on Firefox:</p>
  
  <p><a href="https://i.stack.imgur.com/1plza.png" rel="noreferrer"><img src="https://i.stack.imgur.com/1plza.png" alt="Permission denied for &lt;code&gt;&lt;http://player.vimeo.com&gt;&lt;/code&gt; to get pet property Location.toString"></a></p>
  
  <p>And in Chrome:</p>
  
  <p><a href="https://i.stack.imgur.com/S7fyO.png" rel="noreferrer"><img src="https://i.stack.imgur.com/S7fyO.png" alt="Unsafe javascript attempt to access frame with URL ... from frame with URL `http://player.vimeo.com/video/3718294?api=1. Domains, protocols and ports must match."></a></p>
  
  <p>Importing froogaloop from the CDN:</p>
  
  <pre><code>&lt;script src="http://a.vimeocdn.com/js/froogaloop2.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My JS:</p>
  
  <pre><code>$(function(){
  
      var vimeoPlayer = document.querySelector('iframe');
  
      $f(vimeoPlayer).addEvent('ready', ready);
  
      function ready(player_id) {
  
          froogaloop = $f(player_id);
  
          function setupEventListeners() {
              function onPlay() {
                  froogaloop.addEvent('play',
                  function(data) {
                      console.log('play event');
                  });
              }
  
              function onPause() {
  
                  froogaloop.addEvent('pause',
                  function(data) {
                      console.log('pause event');
                  });
              }
  
              function onFinish() {
                  froogaloop.addEvent('finish',
                  function(data) {
                      console.log('finish');
                  });
              }
              onPlay();
              onPause();
              onFinish();
          }
          setupEventListeners();
      }
  
  })
  </code></pre>
  
  <p>My HTML: </p>
  
  <pre><code>&lt;iframe src="http://player.vimeo.com/video/3718294?api=1" width="623" height="350" frameborder="0" id="iframe-video"&gt;&lt;/iframe&gt;
  </code></pre>