video.js Chrome和FF质量问题

Question

我无法弄清楚为什么我的视频在不同浏览器上以不同的质量播放。在Chrome和FF中，质量很差，但在Safari和IE中看起来很好。有谁知道一个原因/解决方案？

视频： www.mediaeclipse.co.uk

HTML代码：

<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"> 
<script src="http://vjs.zencdn.net/c/video.js"></script> 
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="1000" height="536" poster="http://www.mediaeclipse.co.uk/Media/previewimage1.png" 
data-setup="{}"> 
<source type="video/ogg" src="http://www.mediaeclipse.co.uk/Media/Showreel.ogg"> 
<source type="video/mp4" src="http://www.mediaeclipse.co.uk/Media/showreelsmall.mp4"> 
</video> 

Answer 1

你有令人难以置信的不同质量的两个视频。 mp4再现效果看起来很好，这正是Safari和IE正在播放的内容，但由于Chrome和FF本身可以播放OGG，因此您会看到可怕的OGG编码。

您可以完全消除OGG再现，让的Video.js退回到Flash Player，或转码MP4作为使用类似Handbrake或Zencoder的OGG。我个人会建议后者，但要么应该做的伎俩。