Всем добрый день! Сегодня поговорим с вами о том, как вставить flash на сайт. Казалось бы, вопрос пустяковый. Если это баннер, то просто скопировать предложенный код и разместить в шаблоне, виджете или на странице через редактор. Если это flash анимация для сайта, то вставить при помощи того же кода, но прописанного самостоятельно. Однако и в этом несложном процессе есть свои тонкости, о которых мы сейчас поговорим.

Flash анимация для сайта

Итак, нам потребовалось разместить флэш анимацию на сайте. Для этого используется стандартный код:

На первый взгляд все правильно и ничто не предвещает проблем. Однако, если вы прокрутите страницу вверх, то увидите такую особенность, что размещенная таким образом flash анимация будет перекрывать админский тулбар - верхнюю черную панельку админа WordPress.

По большому счету, это не критично, поскольку данную панель видите только Вы и ваши помощники, если на блоге отключена регистрация пользователей. Но настоящие проблемы возникают, когда на сайте используется многоуровневое css меню, под которым размещен флэш баннер, который в этом случае его перекрывает.

Это происходит оттого, что flash всегда по глубине находится впереди блоков div. Чтобы этого избежать, нужно добавить всего лишь один дополнительный параметр в наш код:

В этом случае ролик flash ведет себя как обычное изображение. Также можно воспользоваться аналогичным параметром value=»transparent», но это создаст дополнительную нагрузку ни замедлит загрузку страницы. В конечном результате на код вставки флеш на сайт будет выглядеть так:

Плагин для размещения flash анимации на сайте

Если Вам приходится часто вставлять разные ролики или просто боитесь что-то неправильно написать в этом длинном коде, то можно воспользоваться плагином, который вставляет флеш на сайт автоматически - от вас требуется лишь указать адрес его расположения. Называется он WP-SWFObject. Как обычно, скачиваем и устанавливаем его, затем заходим в «Параметры > WP-SWFObject» и выполняем необходимые настройки. Здесь можно все оставить по умолчанию, кроме одного - пункта «Window Mode». Для того, чтобы вставить swf на сайт с учетом тех параметров, которые нам нужны, выберите здесь из выпадающего списка «OPAQUE» и сохраните настройки.

Теперь, чтобы вставить флэш на сайт, пропишите шорткод (его потом можно для удобства добавить на панель редактора)

В действии выглядеть будет так:

Для прямого размещения через шаблон используйте другой код:

В последнее время очень популярными в Интернете стали так называетмые Flash-ролики . Очень многие web-мастера используют такую flash-анимацию на своих сайтах. Сегодня мы разберемся как вставить flash-ролик на web-страницу.

Существует много программ для записи и изготовления flash-роликов. Одним из лидеров по производству flash-роликов является программа Camtasia Studio . Эта программа предназначена для изготовления flash-роликов как для использования в Интернете, так и для создания различных обучающих курсов в Видео формате, например записанных с экрана монитора.

С помощью этой программы можно изготавливать и свои цифровые товары для продажи в Интернете, если Вы этим занимаетесь - то эта программа для Вас. Скачать бесплатно Camtasia Studio можно или. Кстати программа полностью руссифицирована.

Если Вам попадется подобный Видео курс - знайте этот Видео курс сделан с помощью программы Camtasia Studio.

После обработки записанного изображения, на выходе программы Camtasia Studio получается несколько файлов. Видео файл, точнее Flash-ролик , который нам нужен сохраняется в формате .SFW . Т.е. найдите в папке в которой Вы сохранили Flash-ролик файл с расширением .SFW , откройте его например в программе .

Flash-файл может содержать в себе мультимедийный документ, анимацию, векторную и растровую графику, звук, элементы управления, поддерживающие интерактивность.

В коде открытого файла, найдите вот такую конструкцию (Листинг ниже):

Давайте разберёмся, что же здесь что обозначает:

Тэг содержит главный параметр - classid , который указывает на Flash-проигрыватель (элемент управления ActiveX). Параметр CODEBASE указывает, где в сети Интернет взять Flash-проигрыватель, если он у Вас не установлен.

Параметры объекта записываются в тэге . Параметр movie содержит имя.swf файла, wmode - определяет, каким будет фон Вашего ролика. В частности, значение transparent - задает прозрачность фона . Параметр quality - указывает на качество воспроизведения. Все возможные значения параметров лучше всего посмотреть в справке к программе Flash. Но, по большому счету, здесь указаны самые применяемые и распостраненнные, а следовательно изменять ничего не нужно.

Как видите, здесь тег вложен внутрь тега . Это сделано для поддержки Flash в разных Браузерах - старых и новых. Если пользователь использует современный Браузер, то читается тэг , затем тэги , загружается компонент ActiveX, файл фильма и начинается его проигрывание.

Тег , вложенный внутрь тега , в этом случае игнорируется. Если же пользователь использует более старую версию Браузера, все происходит по-другому... Так как теги и не известны старым программам, они их игнорируют - это стандартное поведение Браузера, встретившего незнакомый тэг. В этом случае обрабатывается тег , пользователи, так или иначе, увидят на веб-странице фильм Flash.

Итак, чтобы вставить на web-страницу сайта flahs-ролик, Ваша задача скопировать в окрытом файле SWF код, указанный в Листинге (выше) и указать реальное имя файла и путь до этого SWF файла. Естественно сам файл SWF , так же необходимо закачать на сервер где лежит Ваш сайт. Как видите все довольно просто.

Примечание. Для проигрывания Flash-роликов , необходимо, чтобы на Вашем компьютере был установлен Flash-проигрыватель.

Если Вы столкнулсь с ситуацией когда Flash-ролики не запускаются, в 99% случаев это значит, что на Вашем компьютере не установлен Flash-проигрыватель или установлена устаревшая версия. Причем обращаю Ваше внимание, что Flash-проигрыватели различают для разных Браузеров.

При нажатии на Ctrl+Enter у Вас на диске появится swf файл (там, где Вы сохраняли проект). Вы можете дать ему свое название, например my.swf и закинуть в директорию своего ftp каталога с сайтом, используя, например FileZilla.

Обратите внимание, что технология Flash теряет свою популярность и в будущем будет заменена на HTML5!

Теперь Вам необходимо определиться куда именно нужно вставить файл swf в странице Вашего сайта. Если Вы не используете CMS (система управления содержимым сайта) и Ваш сайт представляет из себя простую HTML страницу (либо их набор), то Вам необходимо вставить следующее (ниже) в файл index.html Вашего сайта.

Если Вы используете какую-то CMS и в ней есть шаблон, который Вы назначили для пользовательской стороны (а не административной) сайта, то Вам необходимо найти где расположена шапка Вашего сайта. Это можно сделать, использовав Opera Dragonfly (или подобное расширение FF или Chrome), которое позволяет просматривать элементы сайта, например:

вызвать это дополнение Вы можете перейдя на нужный сайт и нажав правой кнопкой мыши, выбрать меню Проинспектировать элемент (Inspect Element).

После того, как Вы разобрались как просмотреть элемент шапки Вашего сайта. Найдите нечто похожее на .

Далее, Вам понадобится скачать java script файл, который определяет установлен ли у пользователя плагин для проигрывания swf роликов или нет. В случае его отсутствия выдается простая статичная картинка или то, что Вам необходимо.

Скачать SWF Object . Из этого архива Вам понадобится файл so.js .

Итак, Вам осталось подключить JS файл и прописать необходимый код для вставки SWF Object. Идем в файл, в который будем вставлять объект. В моем случая я использую CMS Joomla и файл layouts/default.php.

Подключаем java script файл (копируем эту строку в свой файл html или php и сохраняем его, заменяем на ftp):

Эксплуатация