4

クロムのYouTubeオーバーレイビデオに問題があります。オーバーレイの不透明度は0.8ですが、クロムではYouTubeビデオにも不透明度が適用されるため、透けて見えます。

このタスクで swfobject.embedSWF と ProtoTube アドオンを使用していますが、なぜこれが起こっているのかわかりません。何かアイデアはありますか?

機能は次のとおりです。

getVideoEmbed: function(wrapper) {
        var wrapperID = wrapper.identify();
        var flashvars = {
            fs: this.options.fs,
            autoplay: this.options.autoplay,
            loop: this.options.loop,
            hd: this.options.hd,
            showinfo: this.options.showinfo,
            rel: this.options.rel

        };
        var params = { 
            wmode: "transparent",
            allowScriptAccess: "always",
            allowFullScreen: true,
            menu: false
        };
        var atts = { };
        swfobject.embedSWF(this.options.youtubeVideoUrl+this.videoID, wrapperID, this.options.playerWidth, this.options.playerHeight, "9", null, flashvars, params);
    },

問題のサンプル URL は次の場所にあります: http://tinyurl.com/b48u39c (Chrome のメイン画像のビデオ再生リンクをクリックして、問題を確認してください)

4

2 に答える 2

2

Firefox 16.0.2 および IE 9では{opacity: 0.8}、ムービーは Chrome 23 とまったく同じように見えます (画像とテキストが透けて見える半透明)。Opera 12.02 では、映画は漂白されたように見えます (大量の白が混ざっています)。

したがって、これはChromeの特定のバグではありません。それはブラウザの動作です - どういうわけか要素の不透明度をネストされたオブジェクトに適用します（objectあなたのにネストされているためdiv class="overlay"）。

更新：swfプレーヤーをより高い位置に配置します（ div class="overlay"たとえばz-index、{z-index: 5001;}オーバーレイの内側ではありません。

于 2012-11-15T21:27:50.890 に答える
1

CSSで修正した rgba(0, 0, 0, 0.8) を使用することになりました

于 2012-11-12T20:46:36.457 に答える