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。我個人會建議後者，但要麼應該做的伎倆。