Не смотря на то, что это довольно часто встречающийся урок в интернете, я так же, для полной картины, опишу данный способ вставки флеш-роликов на сайт.
Для того, чтобы разместить флеш на своем сайте, мы имеем множество способов. В основном, мы используем вставку с помощью тега object, внутри которого идет список тегов с параметрами флеш-ролика param. Но у этого способа есть пара недостатков: код для вставки достаточно большой и в браузерах Opera, IE6 и IE7 присутствует механизм активации активного контента (проще говоря, надо кликнуть по флешке, если хочешь использовать её).
И нам приходит на помощь SWFObject.
Что нам нужно для вставки:
1. Скрипт swfobject. Скрипт, как и любой JavaScript, мы размещаем в шапке сайта. Архив с кодом можно скачать внизу статьи.
<script type="text/javascript" src="swfobject.js"></script>
2. Создание div-контейнера с id. Назовем его условно id=»container_swf».
3. Внутри контейнера div разместим альтернативный контент, который будет отображаться в случае, если флеш-ролик не будет найден скриптом.
4. Собственно, код, который всё и решает.
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {};
swfobject.embedSWF("my_flash.swf", "container_swf", "240", "400", "8.0.0", flashvars, params, attributes);
</script>
Разберем этот код.
Ключевой строкой является swfobject.embedSWF(); Внутри мы определяем следующее:
«my_flash.swf» – путь к нашему флеш-ролику
«container_swf» – название контейнера div, который мы создали во втором пункте.
«240″, «400″ – ширина и высота нашего ролика, соответственно.
«8.0.0″ – версия флеш-плеера. В данном случае, мы используем плеер 8-й версии.
flashvars, params, attributes – дополнительные параметры, которые не обязательны, но в некоторых случаях нам очень помогут.
Для баннеров эти параметры не пригодятся вам, кроме одного случая, когда баннер должен быть с прозрачными краями. Например, круглый баннер rich-media, который позиционируется сверху основного контента.
В таком случае, добавляем аттрибут var attributes = {wmode="transparent"}
Собственно, вот тот минимум, который позволяет размещать баннеры с помощью SWFObject.