2011-08-15 11 views
1

HTML5のビデオタグを使用してビデオ背景のウェブサイトを作成しようとしています。私もjQueryプラグイン(http://plugins.jquery.com/project/videoBG)を使ってみました。私はロードして正常に動作するようにビデオを取得しましたが、他のコンテンツをグレイン/ピクセル化して表示するたびにビデオが表示されます。とにかくビデオの背景の上にアイテムを配置し、それらが粒状/ピクセル化して表示されていないのですか?HTML5背景ビデオ - 他のコンテンツをピクセル化/グレイン化する

作成したページが表示されます。コードはかなりシンプルなので、私はここには含めません。ビデオなしhttp://createinform.com/test4.html :ビデオと

http://createinform.com/test3.html

あなたは、ロゴやテキストは、ページからページへ異なって見えることがわかりますが、彼らは保存CSSルールを使用しています。前もって感謝します!

乾杯、 エヴァンは

答えて

0

これはa known issue with Chromeのようです。私はFirefox(5.0)、IE(9)、Opera(10)で同じ2ページを試してみましたが、レンダリングの違いは分かりませんでした。

EDIT:Safari(5.0.1/Windows)で2ページも試してみましたが、レンダリングはさらに悪化しています。だから、おそらくウェブキットの問題です。

+0

いやで細かいレンダリングし、私の研究は同じを示すように見えます。他の誰かが洞察力を提供しているかどうか少し調べるつもりです。そうでなければ、私はあなたの答えを受け入れるでしょう。助けてくれてありがとう! –

0

一部のChromeバグは、あなたのロゴ画像が表示されているよりも大きく、CSSを使用して縮小されています。 正しいサイズの画像を使用すると、ロゴの問題がなくなります。

テキストは下記ところで、両方のバージョン(クローム14.0.797.0メートル)

+0

Chromeの2ページのテキストレンダリングの間に若干の違いがあることに気付きましたが、それはかなり無視できました。しかし、Safariの下では、テキストはひどく見えます(ビデオのページを参照)。 – mopsled

+0

そうですが、その画像のスケーリングもビデオがなければ問題ではありません。入力いただきありがとうございます! –

関連する問題