Как вставить Flash-ролик на страницы сайта.
Автор: Андрей Краснокутский
Дата: 2010-04-30 Вставляем flash ролики на web-страницу.
В последнее время очень популярными в Интернете стали так называетмые Flash-ролики. Очень многие web-мастера используют такую flash-анимацию на своих сайтах. Сегодня мы разберемся как вставить flash-ролик на web-страницу.
Существует много программ для записи и изготовления flash-роликов. Одним из лидеров по производству flash-роликов является программа Camtasia Studio. Эта программа предназначена для изготовления flash-роликов как для использования в Интернете, так и для создания различных обучающих курсов в Видео формате, например записанных с экрана монитора.

С помощью этой программы можно изготавливать и свои цифровые товары для продажи в Интернете, если Вы этим занимаетесь - то эта программа для Вас. Скачать бесплатно Camtasia Studio можно здесь или здесь. Кстати программа полностью руссифицирована.
Если Вам попадется подобный Видео курс - знайте этот Видео курс сделан с помощью программы Camtasia Studio.
После обработки записанного изображения, на выходе программы Camtasia Studio получается несколько файлов. Видео файл, точнее Flash-ролик, который нам нужен сохраняется в формате .SFW . Т.е. найдите в папке в которой Вы сохранили Flash-ролик файл с расширением .SFW, откройте его например в программе Notepad++.
Flash-файл может содержать в себе мультимедийный документ, анимацию, векторную и растровую графику, звук, элементы управления, поддерживающие интерактивность.
В коде открытого файла, найдите вот такую конструкцию (Листинг ниже):
Листинг
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="Ширина окна" HEIGHT="Высота окна" CODEBASE="http://active.macromedia.com/flash6/cabs/ 4>swflash.cab#version=6,0,0,0">
<PARAM NAME="movie" VALUE="Имя Flash файла (.swf)">
<PARAM NAME="wmode" VALUE="transparent">
<PARAM NAME="quality" VALUE="high">
<EMBED src="Имя Flash файла (.swf)" quality="high" wmode="transparent" WIDTH="Ширина окна" HEIGHT="Высота окна " TYPE="application/x-shockwave-flash">
</EMBED>
</OBJECT> |
Давайте разберёмся, что же здесь что обозначает:
Тэг <OBJECT> содержит главный параметр - classid, который указывает на Flash-проигрыватель (элемент управления ActiveX). Параметр CODEBASE указывает, где в сети Интернет взять Flash-проигрыватель, если он у Вас не установлен.
Параметры объекта записываются в тэге <PARAM>. Параметр movie содержит имя .swf файла, wmode - определяет, каким будет фон Вашего ролика. В частности, значение transparent - задает прозрачность фона. Параметр quality - указывает на качество воспроизведения. Все возможные значения параметров лучше всего посмотреть в справке к программе Flash. Но, по большому счету, здесь указаны самые применяемые и распостраненнные, а следовательно изменять ничего не нужно.
Как видите, здесь тег <EMBED> вложен внутрь тега <OBJECT>. Это сделано для поддержки Flash в разных Браузерах - старых и новых. Если пользователь использует современный Браузер, то читается тэг <OBJECT>, затем тэги <param>, загружается компонент ActiveX, файл фильма и начинается его проигрывание.
Тег <EMBED>, вложенный внутрь тега <OBJECT>, в этом случае игнорируется. Если же пользователь использует более старую версию Браузера, все происходит по-другому... Так как теги <OBJECT> и <param> не известны старым программам, они их игнорируют — это стандартное поведение Браузера, встретившего незнакомый тэг. В этом случае обрабатывается тег <EMBED>, пользователи, так или иначе, увидят на веб-странице фильм Flash.
Итак, чтобы вставить на web-страницу сайта flahs-ролик, Ваша задача скопировать в окрытом файле SWF код, указанный в Листинге (выше) и указать реальное имя файла и путь до этого SWF файла. Естественно сам файл SWF , так же необходимо закачать на сервер где лежит Ваш сайт. Как видите все довольно просто.
Примечание. Для проигрывания Flash-роликов, необходимо, чтобы на Вашем компьютере был установлен Flash-проигрыватель.
Если Вы столкнулсь с ситуацией когда Flash-ролики не запускаются, в 99% случаев это значит, что на Вашем компьютере не установлен Flash-проигрыватель или установлена устаревшая версия. Причем обращаю Ваше внимание, что Flash-проигрыватели различают для разных Браузеров.
Есть разные версии Flash-проигрывателя для Браузера Internet Explorer и Браузеров Opera, FireFox, Netscape. Пройдите по этим ссылкам и установите Flash-проигрыватель или обновите его версию.
Читайте так же:
Как написать код для баннера.
Как найти человека в Интернете. Очередной Лохатрон? Или хороший сервис?
FTP протокол. Закачать сайт по FTP. FTP-клиент.
Анимированные картинки Цветы. Украсьте свой сайт, блог, форум.
Форматируем текст web-страницу.
Правила написания коррекного кода web-страницы.
Просмотров: 29543
Андрей, спасибо за полезную и нужную информацию. Сначала поэкспериментирую и потом постараюсь воспользоваться этой информацией у себя на блоге.
Удачи!
спс, а как в фронтпэйдж, в разделе код расположить эти данные так чтобы видос был в той части где мне нужно?
а то я вставил, а он там вообще хз где..
Спасибо, у меня все получилось для сайта!
А возможно вставить видиоролик в эл.книгу, если да , то как тогда ее скомпилировать?
Заранее благодарен.
Спасибо огромное. Отличная статья, долго искала данный материал
С уважением
Добрый день!
Подскажите, пожалуйста, у меня есть фильм в формате avi и mp3. Хочу закачать на сайт. Фильм идёт 1,5 часа. как мне лучше это сделать, потому что обычным путём не закачивается. С помощью программы Сamtasia я сделала веб страницу, там написано что в формате html делают для лёгкого произ-ва в сеть. Но у меня видео после всех попыток вставить на сайт не появляется. что я делаю не так?
Закачивайте фильм на хостинг по FTP. А что Вы сделали не так, не знавши подробностей сказать очень трудно.
Спасибо!!!!!! Помогли!!!!!Спасибо большое!!!
А я открываю swf файл в Notepad, вместо слов - огромная куча всяких символов вперемешку с русскими буквами... Скажите, что не так делаю?
Огромное спасибо! Отличная статья! Усехов Вам и процветания!
Спасибо ! Сразу заработало ! Правда в режиме non-stope, но это проблемы посетителей моего сайта )))Это видимо сугубо для flash-анимации,без управления. За пол-ночи перепробовал кучу скриптов, только Вы помогли. Спасибо! Ура!
|