PDA

Просмотр полной версии : Flash в качестве background


RusDark
26.03.2008, 12:19
Приветствую, уважаемые флешеры! :)

Не подскажите ли, как флеш-мувик можно закинуть на background HTML страницы?

Видел такое не раз, иногда выглядит очень даже интересно...

вот тут, например, http://www.massiveattack.co.uk/ это сделано с помощью яваскрипта, если я правильно понял.
Есть какой-то более простой способ или скрипт попроще?
И вообще, что скажете о такой теме?:umnik2:

С уважением, RusDark. :)

iNils
26.03.2008, 13:06
Это не бэкграунд, а обычный див.
Откройте исходник страницы и увидите ответ на свой вопрос.

RusDark
07.09.2009, 16:31
Что-то я не врублюсь... :(
Внутри DIV'a ничего нет, кроме id ссылающегося на параметры отображения в css файле. Есть еще скрипт, также задающий воспроизведение. Видимо содержимое и ссылки на него впаяны в swf файлики.
Но как сделать проще: взять swf-мувик и впаять егов DIV и чтобы на заднем фоне страницы? :)))

Много раз пробовал, в результате получается... сначала идет SWF, а после него следующим блоком все содержимое. :(

codfelix
07.09.2009, 16:49
1) Добавляем к параметрам: <param name="wmode" value="opaque"/>
2) для <embed> добавляем атрибут wmode="opaque"

RusDark
07.09.2009, 17:03
Хммм... что-то опять не встало! :(

Я так понял, создаем DIV и вставляем в него swf:

<div>
<object width="100%" height="100%">
<param name="movie" value="clip.swf">
<param name="BGCOLOR" value="#000000">
<param name="wmode" value="opaque">
<embed src="clip.swf" width="100%" height="100%" quality="high" wmode="opaque" type="application/x-shockwave-flash" bgcolor="#000000"></embed>
</object>
</div>

Результат - сначала клип, а потом (под ним) страница, а не клип под страницей.

codfelix
07.09.2009, 17:22
Удачи :) (copy&paste)
<div id="text1" style="position:absolute; left:203px; top:64px; width:246px; height:72px; z-index:1; border:#C0C0C0 1px solid; "> <font class="ws8" color="#808080" face="Verdana">Обычное дело</font></div>
<div>
<object width="100%" height="100%">
<param name="movie" value="clip.swf">
<param name="BGCOLOR" value="#000000">
<param name="wmode" value="opaque">
<embed src="clip.swf" width="100%" height="100%" quality="high" wmode="opaque" type="application/x-shockwave-flash" bgcolor="#000000"></embed>
</object>
</div>

Jivel
07.09.2009, 17:23
Вы можете управлять положением <div> блоков не только по х и у но и по z индексу
реализуя таким образом "слоистость" расположения блоков
id="flashcontent" блок грунта

код к нему в CSS

#flashcontent {
width: 100%;
height: 100%;
position:fixed;
z-index: 0;
top: 0px;
left: 0px;
}
а это блок для отображения поверх вашего флеш-грунта
#content {
position: absolute;
top: 0px;
left: 0px;
margin-left: 0px;
width: 960px;
z-index:1;
min-height: 100%;
}