Flash Ripper RSS Readers

Возвращаясь к старому вопросу: как разместить что-либо поверх flash внутри html-страницы

Как многие знают, чтобы поместить нечто (выпадающее меню, блок текста и т.д.) поверх flash внутри html-страницы, нужно использовать атрибут/параметр wmode тэга object/embed -- после этого становится возможным управление глубиной флэш-клипа путем его вложения в div-контейнер и присвоения последнему значений глубины и абсолютного позиционирования.

Однако существует два недоразумения по этому поводу:

  1. Во-первых, часто считают, что перекрыть flash сверху якобы можно, используя значение transparent параметра wmode. Но, во первых, это не сработает в мозилло-подобных браузерах, а, во вторых, приведет к снижению производительности flash-клипа -- ведь на просчет прозрачности требуются ресурсы. Если вам нужно всего лишь поместить нечто поверх flash, то достаточно использовать значение wmode="opaque" -- и это работает везде.
  2. Второе заблуждение содержится в документации к flash. Там говорится следующее об атрибуте wmode: "This attribute/parameter works only in Windows with the Flash Player ActiveX control." Это следует понимать так, будто атрибут не должен был бы работать нигде, кроме IE под Windows. Однако, это не так!!! Как я писал выше, значение "opaque" работает во всех остальных современных браузерах: под Windows: Mozilla Firefox 1.0.7, Opera 8.51, про IE и так ясно. Под Mac'ом: работает и в Safari 1.0.3, и в Explorer 5.2.2 for Mac (про этот можно постепенно забывать, так как Microsoft заявила, что впредь IE будет только частью Windows. А что, так даже лучше).

Подводя итог: атрибут wmode дает возможность разместить html-блок (div, javascript-меню и т.д.) над flash-объектом, И ЭТО РАБОТАЕТ ВЕЗДЕ, достаточно только использовать значение opaque параметра "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>

И это ОЧЕНЬ полезно, когда вы хотите прикрыть свой флэш хоть чем-нибудь во всех-всех-всех браузерах мира!

Писал Rost, 30 Январь 2006 21:39

Найдены баги:

Отлично! Если накрыть флеш дивом, то контекстное меню не будет выскакивать!

Dr_Zoidberg - 31 Январь 2006 2:14

А как бы сделать наоборот? Нужен частично-прозрачный флэш (wmode=transparent), распологающийся поверх всего, в том числе и других флэшей.

elik - 31 Январь 2006 2:20

и чем вас контекстное меню не устраивает?

Nirth - 31 Январь 2006 10:49

Т.е. можно прикрывать флэш например прозрачным гифом. Хотя это из той же истории, если блокировать правую кнопку мышки на странице.

Сергей Утко - 1 Февраль 2006 9:02

полезно! спасибо

P.s. почему до сих пор нет новости про Flex 2 beta?

Никита - 1 Февраль 2006 11:11

обновляем новости любой ценой :))

Artem Melnikov - 1 Февраль 2006 14:53

Никита, новости не было потому, что я еще не научился публиковать новости во сне, то есть в период с восьми утра до часу дня. Ну и опять же -- не Флэксом единым жив человек, как справелдиво замечает Артем Мельников ;-)

Рост - 1 Февраль 2006 16:48

Кстати, она уже етсь )

Рост - 1 Февраль 2006 16:48

не у всех же последние версии браузеров

вот например под Opera 7.23, которая у меня, это не работает

tabun - 13 Февраль 2006 9:58

Кстати, а ведь новая (8.5) Опера совершенно бесплатна, в отличие от своих предшественников, так что почему бы не обновить ее?

Впрочем, когда у меня снова появится свободное время я еще поэкспериментрую с этим.

Рост - 15 Февраль 2006 15:45

У меня такое ощущение что зависит от версии Флэш плеера - у меня в Эскплорере и Опере див перекрывал флэш без всяких ухищрений (в Эксплорере версия плеера 8 в Опере версия плеера 7) при wmode=transparent, в Mozilla Firefox версия плеера была 5 и в нем див не перекрывал флэшку. Пытался воспользоваться советами - ничего не вышло. Скорее всего сама Macromedia исправила это по крайней мере в 7 версии плеера а возможно даже в 6.

mambet - 11 Март 2006 20:09

Ну вот, методом научного тыка нашел что начиная с версии Flash Player 6.0.65 проблема с перекрытием дива флэшки в Мозилле исчезла

mambet - 11 Март 2006 21:00

Кстати, статистика одного из моих посещаемых проектов говорит о том, что пятой версией проигрывателя пользуются порядка 2 процентов, так что на проблему можно забить.

mambet - 11 Март 2006 21:03

Нет, далеко не во всех. :( К сожалению!

Ольга - 8 Июнь 2006 13:13

подобные конструкции

чреватый проблемами с русскими шрифтами в input text field, по крайней мере в IE

Я с этим сталкивался не раз и как решить проблему до сих пор не знаю. Только разве клип делать невидимым!

alx - 17 Сентябрь 2006 21:18


Если вы используете TextField как поле для ввода пользователем текста, то указание в HTML-тегах флэша свойства wmode cо значением opaque или transparent приводит к тому, что в браузере IE каждый набираемый на клавиатуре символ отображается в текстовом поле в виде 2 символов (бага с распознаванием unicode), а в Firefox и того хуже - он не меняет раскладку клавиатуры и всегда выводит "на английском".
Те, кто работал с флэшом менее пары лет не знает, что Flash имеет такое количество багов переносимых от версии к версии, что их по пальцам не пересчитать. Описанный выше баг тянется аж до 9 версии!!! В более ранних версиях он так же присутствует. Смешно то, что обо всём этом уже неоднократно писали в интернете, но Macromedia, видимо это ничуть не беспокоит, хотя и других багов тянущихся от версии к версии тьма. Например, вставка HTML-форматированного текста в том же самом TextField зачастую приводит к непредсказуемым последствиям, особенно это касается изображений. Попробуйте поместить тег img внутри непрерывного произвольного текста и ужаснитесь полученному результату в любой версии флэша вплоть до 9. А ещё попробуйте абсолютную позицию div в котором находится флэш сместить так чтобы область занимаемая флэшом целиком скрылась за пределами границ окна браузера, в Firefox флэш последних версий больше не сможет нормально взаимодействовать с JavaScript. Можно продолжать ещё очень долго, продукт у Macromedia (Adobe) всегда был недоделанный, именно по-этому я считаю, что флэш "на 50% плох" (даже девятый).

Алексей - 29 Сентябрь 2006 22:49

я наберное покажусь совсем глупым, но меня интересует такой вопрос(кто нибудь наверняка знает).
КАК РАЗМЕСТИТЬ FLASH РОЛИК НА HTML СТРАНИЦЕ ???

Steefler - 10 Январь 2007 15:09

Fedora Core 5
Mozilla 1.7.13
Shockwave Flash 9.0 r31

Указанный пример не работает, flash всегда будет сверху

- 7 Февраль 2007 0:30

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

Флешка с Z-index = -1 оказывается загороженной текстом в таблице и естесна при наведении ссылки в ней даже не шелохнутся (только Operа их видит). Хоть вырезай эти ссылки в отдельную флешку и ее вешай поверх остальных слоев.
Помажите кто знает)

SomeBody style=cool - 12 Февраль 2007 13:45

Спасибо, товарищи. Жаль под Linux эта фишка не пашет. Скорблю и плачу.

Letux - 6 Март 2007 18:09


Здрасти, у меня продолжение проблемы - нужно флеш поместить под текст, но с таким условием, чтобы ссылки во флешке работали при наведении на них... Фигня полная - не знаю, что и делать
Флешка с Z-index = -1 оказывается загороженной текстом в таблице и естесна при наведении ссылки в ней даже не шелохнутся (только Operа их видит). Хоть вырезай эти ссылки в отдельную флешку и ее вешай поверх остальных слоев.
Помажите кто знает)

попробуй отказаться от таблиц в пользу DOV'ов...

Maxim - 24 Апрель 2007 12:45

спасибо автору, помогло решить проблемку!

Atrium - 1 Июнь 2007 8:41

Спасибо за то что ты есть. Идея the best. Три дня мучался. Очень Благодарен.

Max - 26 Июнь 2007 12:48



Это запись из категории 'Flash and html'. 10 еще cвежих:

Архивы по категориям:

3D-18, Adobe AIR-30, Animation-1, Apache Ant-1, Architecture-1, ARP-1, Art-25, Articles-26, AS3-52, Books-7, Business-3, Cairngorm-2, CI-1, Classes-10, Coding-30, Community-113, Components-19, Contests-28, Cool-Job-5, Debug-18, Design-26, Development-84, EMO-1, Events-13, Extensions-2, FAQ-8, FDS-1, Flash and html-5, Flash Player-35, Flash Updates-8, Flash-scene-1, flash10-4, FlashLite-2, Flex-30, Flex 2-80, Flickr-1, FMS-1, FPUG-46, frameworks-1, Games-11, Good Job!-35, HaXe-14, Health-2, Humor-10, Ideas-13, JavaScript-1, Job-26, JSFL-8, Links-2, Linux-1, Maps-1, Math-8, Money-11, MXML-1, Open Source-15, Optimization-2, Patterns-2, Personalities-27, Politics-1, Preloading-3, Productivity-9, PureMVC-10, Pv3d-1, Rafpug-4, Red5-3, Remoting-11, Resources-21, Ruby-6, SAAS-1, Security-11, SEO-8, Silverlight-5, Sound-3, Strategy-120, Tamarin-1, Tools-113, Training-2, Trash-8, URAFPUG-13, Urgent-1, Usability-6, Video-6, VoIP-5, Wallop-1, Wishlist-2, Архив всех записей (большой)

За последние месяцы:

Июл 2008: Международная встреча разработчиков URAFPUG завершена, URAFPUG - трансляция студии Flex-фреймворка Mate, весь Июл

Июн 2008: Попытка предварительных выводов о встрече аниматоров, Онлайн трансляция встречи аниматоров в Донецке, весь Июн

Май 2008: Если 3D, то по-взрослому: официальный запрос в Adobe по поводу контроля над мип-маппингом. Нужна ваша поддержка!, В этом году «Russian Flash Awards» пройдет в «космическом стиле», весь Май

Апр 2008: Программирование под флэш платформу. Cтатья (местами спорная), Advanced Flash Components бесплатно раздает все свои AS2-компоненты, весь Апр

Мар 2008: Зарплаты программистов в 2007 году, FlashPhone как технология года? Технология года? В Рунете?, весь Мар

Фев 2008: ЙА ФПУГ — регистрация на первую встречу UAFPUG продолжается, Закулисы Flex и секрет успеха опенсорс-проекта, весь Фев





Примечания:
Статус документа
: в процессе
   2002-2007 Производство: Рост Прибыли · О проекте · Подписка на новости (RSS)