Videos that are over an hour

I noticed that the examples on the site don’t work if the video is over an hour.

I’m trying to get current time and the time left to display properly, but an somewhat unsure how. Adding an hour to the angular date filter does not seem to work {{API.timeLeft | date:'h:mm:ss'}}

Attempting to getSeconds / getMilliseconds / getHours from timeleft also does not work.

[bpkennedy]

Sorry, but can someone provide a quick code sample for how this problem is solved? I am running into the same issue right now. The ‘hh:mm:ss’: ‘UTC’ will only work for the timeLeft. I need the currentTime to start at 00:00:00 and count up (just like a Youtube video)

EDIT: Fyi for anyone else looking, I ended up using a combination of this. Custom filter with moment.js for the currentTime (I convert it to UTC in the event that we pass an hour):

angular.module('clientApp')
.filter('playerDate', function ($filter) {
    var angularDateFilter = $filter('date');
    return function(theDate) {
        var now = new Date(theDate);
        var oneHour = 60 * 60 * 1000;
        if (now - oneHour < 0) {
            return angularDateFilter(theDate, 'mm:ss');
        } else {
            return moment(theDate).utc().format('hh:mm:ss');
        }
    };
});

And the html (where I also cast the totalTime to UTC using angular’s native Date filter) looks like:

<vg-time-display class="time-holder">{{ currentTime | playerDate }} / {{ totalTime | date:'hh:mm:ss': 'UTC' }}</vg-time-display>

[2fdevs]

UTC problem is solved, I don’t know what could happen if you use UTC filter in Angular 1.3, but with this fix is not necessary at all.

If you want to have API.totalTime without seeking or pressing play just be sure to have vg-preload to metadata or auto. This would not work on mobile since metadata is never loaded until user clicks on media.