Positionnement du contenu Flash à l'aide de CSS

StackOverflow https://stackoverflow.com/questions/173473

Question

J'ai une page HTML générée avec un contenu Flash. J'essaie de repositionner le contenu Flash et de le rendre "absolu". J'ai essayé d'envelopper les balises d'objet avec une balise div, mais en vain. Quelqu'un peut-il me dire comment faire cela? La suppression des attributs de positionnement générés ne fonctionne pas.

Voir le code pertinent ci-dessous (ce n'est pas très net, mais voici comment il est généré. J'ai supprimé le code le moins pertinent): 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>* welcome *</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#000000">
<script language="javascript">
if (AC_FL_RunContent == 0) {
    alert("This page requires AC_RunActiveContent.js.");
} else {
    AC_FL_RunContent(
        'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
        'width', '430',
        'height', '200',
        'src', 'bar',
        'quality', 'high',
        'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
        'align', 'right',
        'play', 'true',
        'loop', 'true',
        'scale', 'showall',
        'wmode', 'transparent',
        'devicefont', 'false',
        'id', 'bar',
        'bgcolor', '#000000',
        'name', 'bar',
        'menu', 'true',
        'allowFullScreen', 'false',
        'allowScriptAccess','sameDomain',
        'movie', 'bar',
        'salign', ''
        ); //end AC code
}
</script>
<noscript>
<div style = "position: absolute">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"          codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="430" height="200" id="bar" align="right">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="bar.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#000000" />
    </object>
</div>
</noscript>

Merci d'avance!

Était-ce utile?

La solution

vous devez placer le script JS qui crée réellement votre objet dans votre div pas avant.

Autres conseils

Etant donné que votre div est enveloppé dans noscript, il ne sera affiché que si le javascript est désactivé, êtes-vous sûr que c'est le comportement que vous souhaitez?

@ Fuzzy76 & amp; @ epeleg.blogspot.com a raison

@pypmanetjies - > Votre code doit être comme ça (raccourci): 

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>* welcome *</title>
    <script language="javascript">AC_FL_RunContent = 0;</script>
    <script src="AC_RunActiveContent.js" language="javascript"></script>
    </head>
    <body bgcolor="#000000">
<div style = "position: absolute">
    <script language="javascript">
    if (AC_FL_RunContent == 0) {
            alert("This page requires AC_RunActiveContent.js.");
    } else {
            AC_FL_RunContent(
...
); //end AC code
    }
    </script>
    <noscript>
          <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"          codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="430" height="200" id="bar" align="right">
        <param name="allowScriptAccess" value="sameDomain" />
        <param name="allowFullScreen" value="false" />
        <param name="movie" value="bar.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#000000" />
        </object>

    </noscript> 
</div>

Vous devrez peut-être également définir une largeur et une hauteur.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top