popcorn no butter

gistfile1.js

document.addEventListener("DOMContentLoaded", function () {
  VideoJS.setupAllWhenReady();
  var p = Popcorn('#video');

  p.code({
    start: 0,
    end: 10,
    onStart: function (options) {
      console.log('started')
    },
    onEnd: function (options) {
      console.log('ended')
    },
    onFrame: function (options) { /*var t = this.Popcorn.instances[0].media.currentTime;*/
    }
  });

  // listen to timeupdate and check for how much of the video is seekable
  p.listen("timeupdate", function () {
    if (this.seekable().end() > this.duration() / 2) {
      // if over half of the video has loaded
      console.log(this);
      this.controls(true);
    }
  });

});