title: jQuery and Vimeo Froogaloop API
body: <p>I'm building a plugin to WordPress and so far so good with the PHP library. But I am having some issues with the JavaScript API.</p>
  
  <p>I'm trying to use it with jQuery, and I think the WordPress version of jQuery is messing with the <code>$f</code> shortcut. Why wouldn't this work?</p>
  
  <pre><code>var vimeoPlayer = {
  
      init: function() {
          var vimeoPlayers = document.querySelectorAll('iframe'),
          player;
  
          jQuery('iframe.vimeo-player').each(function(index, iframe){
              player = vimeoPlayers[index];
              $f(player).vimeoPlayer.addEvent('ready', vimeoPlayer.ready);
          });
      },
  
      addEvent: function(element, eventName, callback) {
          if (element.addEventListener) {
              element.addEventListener(eventName, callback, false);
          }
          else {
              element.attachEvent(eventName, callback, false);
          }
      },
  
      ready: function(player_id) {
          alert(player_id);
      }
  }
  
  jQuery(document).ready(function($){
      vimeoPlayer.init.call();
  });
  </code></pre>
  
  <p>You can see it in action at <code>temp.woodshop.tv/?work/?dickies-campaign/?</code>.</p>
  
  <p>I get this error:</p>
  
  <blockquote>
    <p>TypeError: Result of expression '$f(player).vimeoPlayer' [undefined] is not an object.</p>
  </blockquote>