Рамка вокруг флеша в IE7.
Проблема: в IE7 флеш отображается с рамкой.
Решение:
- Скачиваем последнюю версию скрипта SWFObject (http://blog.deconcept.com/swfobject/swfobject.zip).
- Распаковываем архив.
- Копируем файл swfobject.js в корень сайта или в папку со скриптами.
- Подключаем скрипт swfobject.js:
-
<!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" xml:lang="en" lang="en">
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>SWFObject embed by Geoff Stearns (basic) @ deconcept</title>
-
<!-- SWFObject embed -->
-
<script type="text/javascript" src="swfobject.js"></script>
-
</head>
- Добавляем div в который будет грузиться флеш. Присваеваем этому div id="flashcontent".
- После него прописываем вызов скрипта:
-
<div id="flashcontent">
-
<strong>You need to upgrade your Flash Player</strong>
-
</div>
-
<script type="text/javascript">
-
// <![CDATA[
-
-
var so = new SWFObject("so_tester.swf", "sotester", "300", "300", "9", "#FF6600");
-
so.addVariable("flashVarText", "this is passed in via FlashVars for example only"); // this line is optional, but this example uses the variable and displays this text inside the flash movie
-
so.write("flashcontent");
-
-
// ]]>
-
</script>
-
</body>
-
</html>
- В итоге получаем конструкцию типа:
-
<!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" xml:lang="en" lang="en">
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>SWFObject embed by Geoff Stearns (basic) @ deconcept</title>
-
<!-- SWFObject embed -->
-
<script type="text/javascript" src="swfobject.js"></script>
-
</head>
-
<div id="flashcontent">
-
<strong>You need to upgrade your Flash Player</strong>
-
</div>
-
<script type="text/javascript">
-
// <![CDATA[
-
-
var so = new SWFObject("so_tester.swf", "sotester", "300", "300", "9", "#FF6600");
-
so.addVariable("flashVarText", "this is passed in via FlashVars for example only"); // this line is optional, but this example uses the variable and displays this text inside the flash movie
-
so.write("flashcontent");
-
-
// ]]>
-
</script>
-
</body>
-
</html>
- Производим настройку основных параметров:
- Дополнительные параметры:
var so = new SWFObject("so_tester.swf", "sotester", "300", "300", "9", "#FF6600");
В общем виде:
var so = new SWFObject(swfName, idFlashBox, widthSwf, heightSwf, playerVersion, swfBgColor);
swfName - имя swf файла;
idFlashBox - id контейнера в который грузим флеш;
widthSwf - ширина флеша;
heightSwf - высота флеша;
playerVersion - версия флеш-плеера;
swfBgColor - цвет бекграунда.
quality - качество воспроизведения. Принимает значения: low, high, autolow, autohigh, best. По умолчанию high;
wmode - устанавливает свойство Window Mode ролика. Значения: Window - ролик проигрывается в рамке, Opaque - флеш скрывает все, что находится под ним на странице, Transparent - сквозь прозрачные части ролика виден фон страницы;
menu - определяет как будет показываться контекстное меню ролика.true показывает меню, false - отображаются только пункты Settings и About Flash.
Код с настройкой дополнительных параметров:
-
<!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" xml:lang="en" lang="en">
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>SWFObject embed by Geoff Stearns (basic) @ deconcept</title>
-
<!-- SWFObject embed -->
-
<script type="text/javascript" src="swfobject.js"></script>
-
</head>
-
<div id="flashcontent">
-
<strong>You need to upgrade your Flash Player</strong>
-
</div>
-
<script type="text/javascript">
-
// <![CDATA[
-
-
var so = new SWFObject("so_tester.swf", "sotester", "300", "300", "9", "#FF6600");
-
so.addVariable("flashVarText", "this is passed in via FlashVars for example only"); // this line is optional, but this example uses the variable and displays this text inside the flash movie
-
so.addParam("quality", "low");
-
so.addParam("wmode", "transparent");
-
so.addParam("menu", "false");
-
so.write("flashcontent");
-
-
// ]]>
-
</script>
-
</body>
-
</html>
Примеры использования SWFObject:
http://www.projects.bontonweb.com/029/news.html
http://www.projects.bontonweb.com/023/index.html
Разместить у себя на ресурсе или в ЖЖ:
На любом форуме в своем сообщении:
9 января, 2008 в 3:34
30 января, 2008 в 10:05
Спасибо за совет
давно боролись с єтой рамкой, теперь наконец то получатся красивые шаблоны.
6 мая, 2008 в 6:33
Спасибо
Очень интересная инфа
16 апреля, 2009 в 11:28
Спасибо, пост действительно толково написан и по делу, есть что почерпнуть.
17 апреля, 2009 в 7:51
обновляйтеь чаще!
21 апреля, 2009 в 8:37
Автор, а скажите а куда написать по поводу обмена ссылок (на какое мыло)?