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播放器，或者使用Handbrake或Zencoder等内容将mp4转码为OGG。我个人会建议后者，但要么应该做的伎俩。