Можно ли встроить AS3 swf в слой DIV поверх встроенного AS2 swf?
Я думаю, что этот вопрос не требует пояснений. Кто-нибудь делал это раньше?
ОБНОВИТЬ: Разъяснение, зачем мне это делать. У нас есть единственный swf-гигант сайта AS1 - AS2 с большим разделом видеогалереи. Клиент хочет обновить раздел видео, поскольку код AS2 не может обрабатывать их более свежие, гораздо более крупные видеофайлы. Клиент не будет платить за обновление всего сайта. Итак, я хотел бы иметь возможность наложить видеобраузер и проигрыватель на базе AS3 на существующий сайт при переходе к этому разделу, чтобы остальная часть сайта правильно работала с существующим кодом AS2.
Надеюсь, это объяснит вещи немного яснее!
Ответы 1
Я бы не подумал, что AS3 это или AS2 имеет какое-либо отношение к этому.
С точки зрения веб-браузера, они оба представляют собой черный ящик с надписью «Плагин Flash Player». У вас может быть установлена только одна версия плагина одновременно, поэтому, даже если у вас есть AS2 и AS3 swf, веб-браузер просто видит, что у него есть 2 экземпляра «плагина Flash player версии 10»
Чтобы свести к минимуму то, что вы, кажется, пытаетесь сделать, это:
- Создать страницу:
- Вставьте в него SWF
- Добавьте div на страницу и используйте позиционирование CSS, чтобы поместить его «поверх» другого swf.
- Вставьте еще один swf в этот div.
Итак, это работает? - Нет Да, очень хорошо, но вы должны установить wmode = "transparent" на свои встроенные флеш-объекты (спасибо grapefrukt в комментариях).
Я провел тест: вот мой исходный код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type = "text/css" media = "screen">
DIV{ width: 300px; height; 300px;}
#background{ border: 1px solid green; background-color: green; z-index: 0; }
#foreground{ border: 1px solid red; background-color: red; z-index: 50; }
</style>
</head>
<body>
<div id = "background">
<embed height = "208" width = "208" quality = "high" bgcolor = "#fff" src = "bgswf.swf" type = "application/x-shockwave-flash" wmode = "transparent"/>
</div>
<div id = "foreground" style = "position: absolute; left: 30px; top: 30px;">
<embed height = "208" width = "208" quality = "high" bgcolor = "#fff" src = "fgswf.swf" type = "application/x-shockwave-flash" wmode = "transparent"/>
</div>
</body>
</html>
Полученные результаты:
Без wmode=transparent непоследователен и незначительно нарушен в firefox и IE. С его помощью делает именно то, что вы думаете, как в IE, так и в firefox.
Файлы SWF ведут себя (с точки зрения макета), как если бы они были просто изображениями. Это круто.
Огромное спасибо Ориону Эдвардсу и всегда полезному грейпфрукту!
воспроизведение видео в режиме wmode = transparent - это, кстати, кошмар!
Установите режим wmode нижней вспышки на прозрачный, и он должен работать, в худшем случае вам, возможно, придется установить оба значения на прозрачный.