Код для вставки flash ролика с gif заглушкой

Иногда нам надо установить на своем сайте flash баннер или flash ролик. Но у пользователей заходящих на наш сайт может быть отключен просмотр flash роликов, например с помощью разных плагинов, либо же пользователь мог зайти со смартфона, или планшета Apple – iPhone и iPad, у которых как известно нет возможности проигрывать флэш баннеры или ролики.

Для таких случаев как раз дизайнерами которые сделали ролики или баннеры, попутно предусматривается так называемая gif-заглушка, или jpeg-заглушка, это те изображения которые должен увидеть пользователь если у него нет возможности отобразить flash. В таком случае, чтобы наш юзер не увидел пустое место (в чем мы как раз абсолютно не заинтересованы) мы и прописываем код, позволяющий увидеть альтернативную картинку – либо gif-заглушку либо например jpeg, png.

Чтобы все заработало, в секцию head надо прописать следующий код от google:

<script type="text/javascript" src="swfobject.js"></script>

Далее у нас должна быть подготовлена gif-заглушка (или jpeg, png и т.п.) с размерами как у flash ролика. И так, вот наш код, который мы пропишем там где должен проигрываться наш flash ролик:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="200">
<param name="movie" value="sfwbaner.swf"/>
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="sfwbaner.swf" width="200" height="200">
<!--<![endif]-->
<img src="alternate.gif" width="200" height="200" alt="gif-заглушка"/>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>

Небольшие пояснения. В этом коде нам конечно надо прописать свои пути до ролика и до заглушки, а также свои размеры, в соответствующих value, data, width и height.

Также все это по идее является валидным кодом.

Написать комментарий

XHTML: Вы можете использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*

*