SWFObject — скрипт для вставки флэш (Flash)
Представляю вашему вниманию прекрастнейший скриптец SWFObject, используемый для вложения Flash-роликов без лишнего, так сказать, геморроя.
Скрипт имеет ряд преимуществ:
- кроссбраузерный и соответствует стандартам;
- позволяет избежать необходимости активации Flash-ролика пользователем в Internet Explorer, Opera;
- можно задавать альтернативный контент в случае, если у пользователя не установлен Flash-плеер или стоит старая версия;
- можно проверять версию Flash-плеера и предлагать обновиться, если та устарела, либо запускать экспресс-инсталляцию Flash-плеера, если он не установлен;
- можно динамически загружать/выгружать плееры без перезагрузки страницы;
- можно указывать необходимые параметры ну и т.д.
Пример использования:
<script type="text/javascript" src="swfobject.js"></script> <div id="flashcontent"> This text is replaced by the Flash movie. </div> <script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "400", "200", "8", "#336699"); so.write("flashcontent"); </script>
По шагам:
- Скачиваем скрипт SWFObject;
- Подключаем
<script type="text/javascript" src="swfobject.js"></script>
- Создаем блок в котором будет отображаться мувик
<div id="flashcontent"> This text is replaced by the Flash movie. </div>
- Ну и вызываем сам Flash-ролик с заданными параметрами
<script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "400", "200", "8", "#336699"); so.write("flashcontent"); </script>
Пояснения:
var so = new SWFObject(swf, id, width, height, version, background-color [, quality, xiRedirectUrl, redirectUrl, detectKey]);
где
- swf — Путь к вашему swf файлу;
- id — ID вашего объекта;
- width — Ширина вашего flash компонента;
- height — Высота вашего flash компонента;
- version — Требуемая версия Flash плеера. Может быть вида «6.0.65» или только главная версия, например, «7»;
- background-color — Цвет фона вашего flash компонента в формате hex.
Необязательные параметры:
- quality — Качество проигрывания. Если не указано, то используется значение «high»;
- xiRedirectUrl — Если вы хотите перенаправить пользователей после экспресс установки, укажите адрес здесь;
- redirectUrl — Если вы хотите перенаправить пользователей, у которых нет необходимой версии flash плеера, укажите URL здесь;
- detectKey — Переменная, которая используется для обхода проверки версии flash плеера. Например, что обойти проверку версии и просто вывести flash мувик на странице, можно использовать значение ?detectflash=false к адресу страницы, содержащей swf файл.
so.write("flashcontent");
Используйте ID тега, внутри которого вы хотите разместить ваш flash мувик.
Еще пару примеров:
с использованием параметров flash
<script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "400", "100%", "8", "#336699"); so.addParam("quality", "low"); so.addParam("wmode", "transparent"); so.addParam("salign", "t"); so.write("flashcontent"); </script>
c использованием flashvars параметров
<script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "400", "200", "8", "#336699"); so.addVariable("variable1", "value1"); so.addVariable("variable2", "value2"); so.addVariable("variable3", "value3"); so.write("flashcontent"); </script>
c использованием параметров из строки запроса http://tsamada.com.ua/page.html?variable1=value1&variable2=value2
<script type="text/javascript"> var so = new SWFObject("movie.swf", "mymovie", "400", "200", "8", "#336699"); so.addVariable("variable1", getQueryParamValue("variable1")); so.addVariable("variable2", getQueryParamValue("variable2")); so.write("flashcontent"); </script>
Более подробно можно узнать на сайте разработчиков SWFObject
Надеюсь, информация была полезной.
24 августа, 2011 в 08:57|date at time
под линуксом wmode transparent не пашет
26 августа, 2011 в 16:02|date at time
На сколько мне известно — это проблема flash-плагина под Linux. Например, в Ubuntu 8.10 этот баг вроде как бы исправили.
5 января, 2013 в 14:45|date at time
фигня полная, попробовал — в опере не рабатоет как надо
14 января, 2013 в 13:00|date at time
У всех работает, а у Вас нет. Может конкретнее опишите, что именно не работает?
7 ноября, 2013 в 14:58|date at time
Объект работает отлично во всех популярных броузерах. Спасибо за хорошее описание.