Video.js Chrome And Ff Quality Problems

I can't work out why my video is playing at different qualities on different browsers. In Chrome and FF the quality is terrible but in Safari and IE it looks fine. Does anyone know

Solution 1:

You have two videos of incredibly different quality. The mp4 rendition looks fine, which is what Safari and IE are playing, but since Chrome and FF can play back OGG natively you're seeing the horrendous OGG encoding.

You can either remove the OGG rendition altogether and let Video.js fallback to the flash player, or transcode the mp4 as an OGG using something like Handbrake or Zencoder. I personally would suggest the latter, but either should do the trick.