HTML5 video buffered property

I ran into an issue with trying to get the buffered property from HTML5 video using jQuery. This is how you get that property and other time based data from viedo.

You have created your HTML5 video object like this

var html5Video = document.createElement('video');
//inject element
var $('#container').append(html5Video);

To monitor how much has been buffered to create a progress bar or percent loaded indicator.

$(html5Video).bind("progress", function() {
console.log($(this).buffered.end(0));
});

Would get the data, but no it can't be wrapped in the $() as jQuery doesn't recognise the event. You need to do this:

$(html5Video).bind("progress", function() {
console.log(this.buffered.end(0));
});

This also applies to other events like duration.
From what I understand this is down to jQuery not recognising those events.