Распечатать этот пост

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>

По шагам:

  1. Скачиваем скрипт SWFObject;
  2. Подключаем
    <script type="text/javascript" src="swfobject.js"></script>
  3. Создаем блок в котором будет отображаться мувик
    <div id="flashcontent">
      This text is replaced by the Flash movie.
    </div>
  4. Ну и вызываем сам 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

Надеюсь, информация была полезной.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (12 голосов, в среднем: 5,00 из 5)
Загрузка...

5 комментариев для “SWFObject — скрипт для вставки флэш (Flash)”

Оставьте комментарий