video.js Chrome和FF质量问题 [英] video.js Chrome and FF Quality problems

问题描述

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

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 of a reason/solution?

视频:www.mediaeclipse.co.uk

Video: 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>

推荐答案

您有两个质量令人难以置信的视频.mp4复制格式看起来不错，这是Safari和IE所播放的，但是由于Chrome和FF可以在本地播放OGG，因此您会看到可怕的OGG编码.

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.

您可以完全删除OGG复制内容，并让Video.js退回到Flash播放器，也可以使用手刹或 Zencoder .我个人会建议后者，但是任何一个都可以解决.

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.

这篇关于video.js Chrome和FF质量问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！