Как заставить флеш плавать над сайтом? - PullRequest
Новая
       7

Как заставить флеш плавать над сайтом?

0 голосов
/ 02 марта 2012

У меня есть флэш-медиаплеер, и я хочу, чтобы он плавал в верхней части нашего форума, чтобы при прокрутке пользователя пользователь проигрывал медиаплеер.

Мне еще предстоит найти способзаставить его сидеть выше 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>

Я бы хотелкто-то, кто сможет предложить решение

Ответы [ 2 ]

0 голосов
/ 02 марта 2012

Используйте position:fixed на #flashContent, установите его на right:0 и убедитесь, что ширина / высота не распространяется на форум.

0 голосов
/ 02 марта 2012

Вы можете установить для параметра wmode значение transparent, что сделает все необъектные области вашего SWF-файла прозрачными. Затем используйте абсолютное позиционирование CSS, чтобы поместить его поверх любого места на вашей веб-странице.

Соответствующие фрагменты кода из этого руководства : 

#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>
...