2011-06-23 68 views
4

我有一個非常奇怪的問題與IE9和HTML5視頻播放。我有一個.mp4文件,該文件應該與背景完美融合,這在Chrome中完美運行。但是在IE9中播放視頻會比在其他瀏覽器中產生稍微暗淡的陰影 - 當我的FLash備用播放器用於IE7和IE8時,該陰影不會顯示出來。IE9-HTML5 MP4播放問題:奇怪的色差

您可以在這裏看到色差:http://yfrog.com/h2tf99j - 它是左邊的IE9。

的HTML代碼是在這裏:

<video id="banner-video-0" width="1280" height="572" autobuffer="true"> 
    <source src="/Media/Video/video.mp4" type="video/mp4"> 
    <source src="/Media/Video/video.webm" type="video/webm"> 
    <source src="/Media/Video/video.ogv" type="video/ogg"> 
</video> 

我想這可能是某種編解碼器的問題,但任何幫助,將不勝感激。

謝謝!

+0

你有沒有找到這個原因,我遇到了同樣的問題,谷歌是讓我無處 – JackSD

+0

不,從來沒有finda原因吧。但與HTML5視頻工作,我認爲它可能是編解碼器相關。嘗試搞亂編解碼器。如果這沒有幫助,GOK可能是對的,它只是糟糕的瀏覽器實現。 –

回答

1

在我的情況下Safari是唯一的主要瀏覽器中播放的MP4,以彌補我在下面檢測Safari瀏覽器的JavaScript傳遞的問題,在我的CSS文件我增加了一個類對身體

if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) 
    { 
     $('body').addClass('safari'); 
    } 

然後調整了背景顏色相匹配的視頻背景

body.safari, 
.safari video, 
.safari .mantle { 
    background:#3b3b3b; 
} 
+0

現在已經這麼久了,我甚至不確定這是否會解決我當時的問題,但它似乎是唯一的解決方案來做一些瀏覽器檢測。所以選擇這個答案,雖然它並不是我一直希望的解決方案。 –

-1

好友,總有一款瀏覽器內的色調和CSS問題的差異(如果你在IE &任何其他瀏覽器),這使他們不同,殺了我們(開發商);)

Anywayz,試圖處理通過將腳本代碼添加到detect browser類型並通過Javascript更改陰影來實現瀏覽器兼容性。

Njoy !!!

+0

我知道有瀏覽器問題。自從我看到兩種不同的瀏覽器呈現不同的JPG格式已經很長時間了。所以這就是爲什麼我要詢問編解碼器。 –