フラッシュをウェブサイトの上に浮かせるには？

私が持っているものはフラッシュメディアプレーヤーです。私はこのフォーラムの上に浮かべて、ユーザーがスクロールダウンするとメディアプレーヤーが追いつくようにします。フラッシュをウェブサイトの上に浮かせるには？

私はまだhtmlの上に座る方法を見つける必要があります。それは常にそれを押し下げる。

あなたはhttp://www.gcehosting.com/stackoverflow

で私が話していたメディアプレーヤーを参照することができますこれはコードです：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head> 
     <title>Music Player Widget - Preview 2</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <style type="text/css" media="screen"> 
     html, body { height:100%; background-color: #000000;} 
     body { margin:0; padding:0; overflow:hidden; } 
     #flashContent { width:100%; height:100%; } 
     </style> 
    </head> 
    <body> 

     <div id="flashContent"> 

      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="main" align="middle"> 
       <param name="movie" value="main.swf" /> 
       <param name="quality" value="high" /> 
       <param name="bgcolor" value="#ffffff" /> 
       <param name="play" value="true" /> 
       <param name="loop" value="true" /> 
       <param name="wmode" value="transparent" /> 
       <param name="scale" value="showall" /> 
       <param name="menu" value="true" /> 
       <param name="devicefont" value="false" /> 
       <param name="salign" value="" /> 
       <param name="allowScriptAccess" value="sameDomain" /> 

       <!--[if !IE]>--> 
       <object type="application/x-shockwave-flash" data="main.swf" width="100%" height="100%"> 
        <param name="movie" value="main.swf" /> 
        <param name="quality" value="high" /> 
        <param name="bgcolor" value="#ffffff" /> 
        <param name="play" value="true" /> 
        <param name="loop" value="true" /> 
        <param name="wmode" value="transparent" /> 
        <param name="scale" value="showall" /> 
        <param name="menu" value="true" /> 
        <param name="devicefont" value="false" /> 
        <param name="salign" value="" /> 
        <param name="allowScriptAccess" value="sameDomain" /> 
       <!--<![endif]--> 
        <a href="http://www.adobe.com/go/getflash"> 
         <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> 
        </a> 
       <!--[if !IE]>--> 
       </object> 
       <!--<![endif]--> 
      </object> 

     </div> 

    </body> 
</html>

誰かがあなたができるソリューション

出典

2012-03-01 Barry Schulman

[SO]へようこそ。 [faq]（http://stackoverflow.com/faq#signatures）を見直してください。 – zzzzBov

を提供できるようにするために、私は大好きですwmodeパラメータをtransparentに設定します。これにより、SWFの非オブジェクト領域がすべて透視されます。その後、絶対的なCSSの配置を使用して、Webページのどこにでも置くことができます。 this tutorialから

関連するコードスニペット：#flashContent上

#wrapper { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
    width: 900; 
 
    height: 900; 
 
    z-index: 1; 
 
}

<div id="wrapper"> 
 
    <object> 
 
    <param name="movie" value="dummy.swf"> 
 
    <param name="wmode" value="transparent"> 
 
    <embed src="dummy.swf" wmode="transparent"> 
 
    </object> 
 
</div>

出典

2012-03-01 21:03:58 approxiblue

なぜあなたはそれを推奨しないのですか？ –

google for 'flash wmode bug' =>例えばhttp://xebee.xebia.in/2010/08/29/the-wmode-nightmare-in-flex-some-workarounds-to-resolve-issues-pertaining- to-wmode-settings-in-flex/ – biziclop

あなたのリンクが働いてくれてありがとうJimmy 100％ –

使用position:fixed、right:0にそれを設定し、幅/高さがフォーラムをカバーしていないことを確認。

出典

2012-03-01 21:04:25 Vigrond

あなたが言っているものを得るIkinda。だから幅/高さで私はそれを作るのですか？ –

dunno、フラッシュコンテンツを表示するには幅と高さが必要です。多分約200pxの幅ですか？ – Vigrond

問題：100x100のままにしておくと、フォーラムで何もクリックできません。私が30％を言うとそれを変えれば、プレーヤーはページの左側で終わるだろう....... –

フラッシュをウェブサイトの上に浮かせるには？

答えて

関連する問題