lazy loading ooyala player

<div id="ooyalaplayer<%= division[:id] %>" class="OoyalaHtml5VideoPlayer"></div>
<script>
OO.ready(function() {
  var setup = function() {
    OO.Player.create(
     'ooyalaplayer<%= division[:id] %>', '<%= division[:video] %>', {
        onCreate: function(player) {
          var thisPlayer = player;
          $('#<%= division[:id] %>').on('page.unload', function() {
            thisPlayer.pause();
            if(thisPlayer.getState() != "paused")
              thisPlayer.destroy();
          });
        }
      });
  }
  $('#<%= division[:id] %>').on('page.load', setup);
  <% if current %>setup();<% end %>
});
</script>