VideoJS progress event always 0 on Safari 5.1

I'm having this weird behaviour on Safari 5.1, while playing a video with VideoJS:

if I listen to the progress event:

var player = videojs('player_id', { 
    preload: 'auto'
    techOrder: [ 'html5' ]
});

player.on( 'progress', on_progress );

player.ready( function() { player.play() } );

I will only get value 0 in the callback:

function on_progress( event ) {
    console.log( 'buffered', player.bufferedPercent() );
    // it will log always 0
}

Notes:

  • I can use only html5 player

  • I'm using mp4/h264 videos with fallback to webm and ogv

  • The code works on Chrome, Firefox and latest Safari

Any ideas?

Answers


Actually I've tried several video players and it looks like no one supports Safari 5.1.

These are the libraries i've tried with no luck:

http://www.videojs.com/

http://www.jwplayer.com/

http://jplayer.org/latest/demo-01-video/

http://flowplayer.org/

http://www.projekktor.com/

Even http://caniuse.com/#search=video says Safari 5.1 supports html5 videos but the reality is IT DOESN'T.


Need Your Help

.htaccess SSL on certain pages

apache drupal .htaccess mod-rewrite

Basically I'm using drupal and can current redirect to an SSL page. But once on that page and continuing navigation all the pages continue over HTTPS. There is a single page I need SSL on and I ne...

What is the simplest library for consuming wordpress xmlrpc API

php wordpress xml-rpc

I want to consume wordpress XMLRPC API for my latest experiment. Do you know what is the simplest library to do this? PHP4 compatibility is not important as it's obsolete anyway.