1

Preciso exibir um SWF com transparência. O <wmode = transparent> está funcionando em todos os navegadores, menos no Firefox. O que pode ser?

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="root" align="middle">
<param name="movie" value="root.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#666" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="transparent">          
<param name="scale" value="showall" />
<param name="menu" value="false" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
1
  • Na verdade, sua pergunta tem um problema porque você não mostra o código completo. O exemplo acima é inválido.
    – brasofilo
    15/09/2014 às 17:36

3 Respostas 3

1

Se usar o SWFObject, provavelmente vai se livrar desse problema. É a maneira recomendada de inserir objetos Flash no HTML, e é necessária se quiser que o SWF e o JavaScript possam passar informação de um lado para outro. Tem um gerador de código embed no site do projeto.

<html>
<head>
    <title>Usando SWFObject</title>
    <style>
        body {background-color:#c00;}
    </style>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
    <script type="text/javascript">
        // Embed normal
        var flashvars = {};
        var params = {};
        params.quality = "best";
        params.wmode = "transparent";
        var attributes = {};
        swfobject.embedSWF("SEU-SWF.swf", "myAlternativeContent", "800", "600", "9.0.0", false, flashvars, params, attributes);

        // Embed de YouTube
        // https://developers.google.com/youtube/js_api_reference#Embedding
        var yt_params = { allowScriptAccess: "always" };
        var yt_atts = { id: "myytplayer" };
        swfobject.embedSWF(
            "http://www.youtube.com/v/aZMbTFNp4wI?enablejsapi=1&playerapiid=ytplayer&version=3",
            "ytapiplayer", 
            "425", 
            "356", 
            "8", 
            null, 
            null, 
            yt_params, 
            yt_atts
        );            
    </script>
</head>
<body>
    <div id="myAlternativeContent">
            <a href="http://www.adobe.com/go/getflashplayer">
                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
            </a>
    </div>
  <div id="ytapiplayer">
    You need Flash player 8+ and JavaScript enabled to view this video.
  </div>
</body>
</html>

JSFiddle

1
  • muito bom @brasofilo
    – Otto
    15/09/2014 às 17:32
0

Você poderia tentar

<param name="wmode" value="opaque" />

em vez de:

<param name="wmode" value="transparent" />

Pelo que li ambos tem uma função parecida e pode resolver seu problema.

1
0

Consegui resolver o problema: bastou eu criar um <!--[if !IE]>--> e especificar novamente o vmode para transparent.

1
  • 1
    vmode não wmode certo ?
    – Otto
    15/09/2014 às 17:35

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .