О Flash и не только
Как расположить Flash клип на интернет-странице.
Другие статьи авторов
Игуана

Начинающим флэшерам и не только


Как расположить Flash клип на интернет-странице

Как расположить Flash клип на интернет-странице. Валидный HTML-код размещения SWF.

Рано или поздно, вам когда нибудь захочется расположить созданный вами флэш клип на своем сайте, для чего понадобится вставить его в веб-страницу. Какой же HTML-код для этого понадобится?
Раньше я использовал тег embed, что давало, в общем-то, неплохой результат. Однако, проверку на валидность такая HTML-страница не проходит!

Под валидным кодом подразумевается соответствие HTML страницы спецификации консорциума W3C. Требованиям этой спецификации должны следовать разработчики современных браузеров (по крайней мере, хочется в это верить). Следовательно, если веб-страница содержит валидный код, она будет одинаково отображаться во всех современных браузерах. Проверить валидность HTML кода можно на http://validator.w3.org.

Пробовал использовать HTML-код, который генерируется программой Adobe Flash (если в параметрах экспорта поставить галочку на «HTML»), однако, я убедился, что и фирменный адобовский код не проходит валидации. Обратившись к спецификации W3C, я узнал, что тег embed отменен (хотя все еще работает), а для вставки SWF рекомендуется использовать тег object.
Пришлось поэкспериментировать с тегом object, который не хотел правильно отображаться в разных браузерах — разработчики от Microsoft, как всегда, все видят по своему, в том числе способ оформления HTML-тегов. Существуют даже рекомендации, которые позволяют обходить разногласия между Microsoft и другими разработчиками — вставлять внутрь тега object еще один тег object, оформленный для INTERNET EXPLORER (либо наоборот). Код при этом получается излишне громоздким, да и не валидным тоже. В конце концов, я пришел к следующему — тег object один, но в нем задаются свойства и параметры, необходимые для всех браузеров. Вот что у меня получилось.

Обратите внимание, адрес флэшки указан дважды — в аттрибутах (свойствах) тега и как параметр. Тем самым достигается кроссбраузерность кода. Данная страница прошла валидацию на http://validator.w3.org, что позволило мне разместить на ней соответствующие значки (см. в самом низу страницы).
Для примера, вставлю какой-нибудь флэш-ролик в эту страницу.

Дополнительные сведения о свойствах (аттрибутах) и параметрах тега object и их предназначении вы легко найдете в сети интернет.

Евсеев Владимир, 3.09.2012


Поиск по сайту Карта сайта Главная О Flash и не только Как расположить Flash клип на интернет-странице