Amadeo в рубрику HTML и CSS

Вопрос: Как добавить Flash ролик в качестве фона страницы

Добрый день. Вот интересная задача встала перед мной. Может вы поможете? Требуется в фон страницы или таблицы вставить Flash анимацию, чтоб потом по верх нее можно было размещать таблицы, текст, и прочий контент. Полностью реализовать сайт на флеше нельзя. Необходимо сделать лишь фон. И если возможно с проверкой на существование у клиента Flash проигрывателя. Если проигрыватель есть - ему выводиться флеш фон, если нет, простой. И можно ли использовать флеш скажем в качестве фона таблицы?

Задайте свой вопрос

Если у вас есть вопрос по разработке или дизайну сайтов, вы можете задать его на Временно.нет и тысячи наших читателей помогут вам найти на него ответ.

Задать свой вопрос

Расскажите друзьям

Ответы на вопрос — 20

Grin
Amadeo, можно вот так сделать. На JS можно проверять, есть ли флеш-плеер у клиента (в Mootools и jQuery есть специальные функции), далее можно тем же js-ом вычислить размеры и положение объекта (боди, таблицы, дива) и позиционировать блок с флешем.

Для того, чтобы чем-то перекрыть флеш, нужно к вставке объекта флеша добавить параметр wmode:
<div style="position:absolute; z-index:1">
    <object ... >
        <param name="wmode" value="opaque" /> <!-- вот это нужно добавить -->
        <embed src="swf/gallery.swf" ... wmode="opaque" />
    </object> 
</div>

<div style="position:absolute; z-index:2">
Вот это перекрывающий див
</div>
#
Grin
Amadeo
Спасибо большое. То что нужно. =)
#
Amadeo
Natalja
Здравствуйте! А не могли бы Вы посдказать где найти - На JS можно проверять, есть ли флеш-плеер у клиента (в Mootools и jQuery есть специальные функции)? Я поиском по Вашему сайту прошлась - не получилось обнаружить искомое -(
Помогите, плис!
с уважением.
Наталья
r-ip
Можно делать без проверки
типа

<div id="flv">У вас не установлен фласх</div>

В див flv грузим фласх, и если у юзернуба он не установлен, то он просто увидит эту надпись
Конечно есть более "продвинутые" методы, но я ими не пользуюсь, я вообще стараюсь меньше использовать flash, т.к. оно зло!
Natalja
я хотела делать проверку для баннеров. Если есть - то оставлять анимированные флэш-баннеры, если нет - грузить jpeg картинки. Мне для этой цели проверка нужна.
Есть какая-то функция? как словить эту проверку? Спасибо заранее.

Natalja
спасибо!!!
lusha@uch.net
а почему флэш - зло? Вроде красиво. И заказчики трещат, так сильно хотят. Мне кажется за флэшем будущее.Может не понимаю чего? Объясните, плиз, почему - зло!
#
lusha@uch.net
Антон
Да хотя бы потому что флеш не индексируется поисковиками, жрет много трафа и если у тебя нету исходников от флешки ты там хрен че изменишь... типа не опенсоурс...
#
Антон
Ivan
Добрый день.
Делаю в Dreamweaver'e html диз
Сделал как вы сказали для наложения слоев (у меня анимированная шапка, но нужно в ту же область вставить другую информацию).
Слои наложились, но уехали вправо...

Что не так? Подскажите, пожадуйста
#
Ivan
Антон
спасибо большое за код...но есть один косяк: лично у меня на сайте то, что поставлено с этим кодом и должно быть по центру, в Мозилле и Опере находится на своём месте, а вот в Internet Explorer уезжает вправо...и проблема с фразой "position:absolute"...убрав эту фразу, всё встало на место, но вот во всех браузерах стало так: z-index:1, т.е. flash на фоне, находится на месте, а z-index:2, т.е. то, что должно быть над фоном, уезжает вниз...получается замкнутый круг
Роман
Спасибо большое. Вот что у меня получилось http://prazdnikchr.ru/
Роман
Вот еще мой пример http://goldenfish-club.com/
Михаил
Роман, на широкоформатных мониторах у вас фон идет мазайкой, не растягивается
#
Михаил
Николай
Подскажите пожалста. У меня есть сайт, в шапке установлен фоном рисунок гиф: , как мне заменить его на swf???
Николай
Подскажите пожалста как заменить рисунок на swf анимацию...вот код
Евгений
Вот сайт: http://detsad-chel.ru/
Я бы хотел услышать отзывы.
Это мой первый пробный сайт.
Любая критика для меня будет полезной.
Я начинающий пользователь ПК.
pikasso
Флеш и будущее? нет флеш умирает - сейчас HTML5 все реализует...
Заур
Роман у тебя отлично получилось. Я тоже строю сайт с флеш фоном, но вот подходящий фон найти не могу и столкнулся с твоим. у меня сайт отдыха с зеленым интерфейсом и твой фон как кстати. Можешь его одолжить или сделать что нибудь на подобии? В долгу не останусь. Если че пиши мне на скайп naxmnenick
#
Заур
Евгений
Господа подскажите, как вставить flesh фон в css? делаю магазин на Ocstore

Новый ответ

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a> 
function foo() { ... }
 <pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a> 
function foo() { ... }
 <pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler