HTML5 video in SproutCore

video.js

SC.Video = SC.View.extend({
  classNames: ['sc-video'],
  tagName: 'video',
  attributeBindings: ['src', 'width', 'height', 'controls', 'type', 'currentTime', 'initialTime'],

  currentTime: 0,  
  
  /// Setup
  didInsertElement: function() {
    var self = this;
    var events = ['timeupdate'];

    events.forEach(function(event) {
      var callback = self[event];
      if (callback) {
	self.$().bind('timeupdate', function(event) { callback(event, self); });
      }
    });    
  },

  /// Event handlers
  timeupdate: function(event, view) {
    var currentTime = event.srcElement.currentTime;
    view.set('currentTime', currentTime);
  }
  
});