Впровадження flash за допомогою swfobject 2 - публікації

Завантажити бібліотеку і отримати додаткову інформацію можна на сторінці проекту SWFObject в Google Code.

Що таке SWFObject?

Чому слід використовувати SWFObject?

SWFObject 2 дозволяє впроваджувати Flash двома різними методами:

1. Добре інтегрується з серверними скриптами (php, perl і т.д.) дозволяючи використовувати динамічні дані (flashvars).
2. Дозволяє обійти механізми активації активного контенту в Internet Explorer 6/7 і Opera 9+. Зверніть увагу, що Microsoft припинила використання цього механізму в браузерах Internet Explorer

Крок 1: Впровадження Flash і альтернативного контенту за допомогою стандартної розмітки.

  • classid (тільки для зовнішнього object, значення завжди clsid: D27CDB6E-AE6D-11cf-96B8-444553540000)
  • type (тільки для внутрішнього object, значення завжди application / x-shockwave-flash)
  • data (тільки для внутрішнього object, визначає URL SWF файлу)
  • width (для обох елементів object, визначає ширину SWF)
  • height (для обох елементів object, визначає висоту SWF)

Обов'язкові елементи param:

  • movie (тільки для зовнішнього елемента object, визначає URL SWF файлу)

Як використовувати HTML для конфігурації Flash контенту?

Ви можете використовувати додаткові атрибути елемента object:

Ви можете використовувати специфічні для Flash елементи param (докладніше):

Навіщо потрібен альтернативний контент?

Елемент object може містити альтернативний контент який буде показаний якщо Flash плеєр не встановлений або не підтримується. Альтернативний контент доступний пошуковим системам, тому він може бути хорошим інструментом при оптимізації сайту для пошукових систем. Отже, альтернативний контент використовується для показу користувачам у яких в браузері не встановлено плагін Falsh. для створення SEO контенту або щоб сказати користувачам про те, що вони можуть отримати додаткові можливості встановивши плагін Flash.

Крок 2: Підключення бібліотеки SWFObject

Крок 3: Зареєструйте ваш Flash контент в бібліотеці SWFObject і налаштуйте параметри

Для початку додайте унікальний id зовнішньому елементу object визначає Flash контент, потім потрібно викликати метод swfobject.registerObject з наступними аргументами:

Крок 1: Створення альтернативного контенту за допомогою стандартної розмітки

Крок 2: Підключення бібліотеки SWFObject

swfobject.embedSWF (swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes) у даного методу п'ять обов'язкових і п'ять опціональних параметра:

Конфігурація Flash контенту

Ви можете використовувати опціональні атрибути елемента object:

  • id (Якщо id не визначений елемент object автоматично успадковує id контейнера з альтернативним контентом)
  • name
  • styleclass (використовується замість class, оскільки це зарезервоване ключове слово в ECMA4)
  • align

Ви можете використовувати специфічні для Flash елементи param (докладніше):

Пари ім'я: значення можна додати при створенні об'єкта (примітка: не ставте кому після останньої пари ім'я: значення):

Або можете додати властивості і їх значення після створення об'єктів, використовуючи точкову нотацію:

Те ж саме можна записати так: (самий мають важко але короткий варіант. Для любителів писати код в один рядок)

Якщо ви не хочете використовувати необов'язковий аргумент можна передати false або порожній об'єкт (Примітка: починаючи з SWFObject 2.1 можна використовувати також і null або 0):

Об'єкт flashvars призначений для спрощення роботи зі змінними переданими в Flash при бажанні ви можете ігнорувати його і передавати flashvars через об'єкт params:

Перехід c SWFObject 1.5 до SWFObject 2

Перехід від UFO до SWFObject 2

Чи підтримує SWFObject 2 MIME тип application / xhtml + xml?

SWFObject 2 НЕ підтримує XML MIME типи, це свідоме рішення.

На те є кілька причин:

  • їх використовує дуже мала частина веб-розробників
  • Розробники SWFObject не впевнені, що веб піде цим шляхом. Internet Explorer його не підтримує і всі інші основні виробники браузерів більше схиляються до нового стандарту парсинга HTML (в HTML 5), відходячи від парсинга HTML як XML, яким його зараз бачить W3C.
  • відмовившись від підтримки XML MIME типів розробники зменшили розмір файлу і спростили тестування і підтримку

Підручники (для початківців):