bOntONweb » Flash http://www.bontonweb.com development Thu, 28 Oct 2010 18:45:06 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Рамка вокруг флеша в IE7. http://www.bontonweb.com/texnologii/html/ramka-vokrug-flesha-v-ie7.html http://www.bontonweb.com/texnologii/html/ramka-vokrug-flesha-v-ie7.html#comments Mon, 12 Nov 2007 21:49:06 +0000 coder http://www.bontonweb.com/texnologii/html/ramka-vokrug-flesha-v-ie7.html
Проблема: в IE7 флеш отображается с рамкой.
Решение:

  1. Скачиваем последнюю версию скрипта SWFObject (http://blog.deconcept.com/swfobject/swfobject.zip).
  2. Распаковываем архив.
  3. Копируем файл swfobject.js в корень сайта или в папку со скриптами.
  4. Подключаем скрипт swfobject.js:
    5. PLAIN TEXT
    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>SWFObject embed by Geoff Stearns (basic) @ deconcept</title>
    6. <!-- SWFObject embed -->
    7. <script type="text/javascript" src="swfobject.js"></script>
    8. </head>

  5. Добавляем div в который будет грузиться флеш. Присваеваем этому div id="flashcontent".
  6. После него прописываем вызов скрипта:
    7. PLAIN TEXT
    HTML:
    2. <div id="flashcontent">
    3.     <strong>You need to upgrade your Flash Player</strong>
    4. </div>
    5. <script type="text/javascript">
    6.         // <![CDATA[
    7.        
    8.         var so = new SWFObject("so_tester.swf", "sotester", "300", "300", "9", "#FF6600");
    9.         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
    10.         so.write("flashcontent");
    11.        
    12.         // ]]>
    13.     </script>
    14. </body>
    15. </html>

  7. В итоге получаем конструкцию типа:
    8. PLAIN TEXT
    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>SWFObject embed by Geoff Stearns (basic) @ deconcept</title>
    6. <!-- SWFObject embed -->
    7. <script type="text/javascript" src="swfobject.js"></script>
    8. </head>
    10. <div id="flashcontent">
    11.     <strong>You need to upgrade your Flash Player</strong>
    12. </div>
    13. <script type="text/javascript">
    14.         // <![CDATA[
    15.        
    16.         var so = new SWFObject("so_tester.swf", "sotester", "300", "300", "9", "#FF6600");
    17.         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
    18.         so.write("flashcontent");
    19.        
    20.         // ]]>
    21.     </script>
    22. </body>
    23. </html>

  8. Производим настройку основных параметров:

    9. 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 - цвет бекграунда.

  9. Дополнительные параметры:

    10. quality - качество воспроизведения. Принимает значения: low, high, autolow, autohigh, best. По умолчанию high;
    wmode - устанавливает свойство Window Mode ролика. Значения: Window - ролик проигрывается в рамке, Opaque - флеш скрывает все, что находится под ним на странице, Transparent - сквозь прозрачные части ролика виден фон страницы;
    menu - определяет как будет показываться контекстное меню ролика.true показывает меню, false - отображаются только пункты Settings и About Flash.

Код с настройкой дополнительных параметров:

PLAIN TEXT
HTML:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>SWFObject embed by Geoff Stearns (basic) @ deconcept</title>
  6. <!-- SWFObject embed -->
  7. <script type="text/javascript" src="swfobject.js"></script>
  8. </head>
  10. <div id="flashcontent">
  11.     <strong>You need to upgrade your Flash Player</strong>
  12. </div>
  13. <script type="text/javascript">
  14.         // <![CDATA[
  15.        
  16.         var so = new SWFObject("so_tester.swf", "sotester", "300", "300", "9", "#FF6600");
  17.         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
  18.         so.addParam("quality", "low");
  19.         so.addParam("wmode", "transparent");
  20.         so.addParam("menu", "false");
  21.         so.write("flashcontent");
  22.        
  23.         // ]]>
  24.     </script>
  25. </body>
  26. </html>


Примеры использования SWFObject:

http://www.projects.bontonweb.com/029/news.html

http://www.projects.bontonweb.com/023/index.html

]]> http://www.bontonweb.com/texnologii/html/ramka-vokrug-flesha-v-ie7.html/feed 6