Сейчас 127 заметки.

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

Материал из ЗАметки
Версия от 21:33, 6 сентября 2014; Znayka (обсуждение | вклад)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Adobe-flash-cs3.png

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


Для таких случаев как раз дизайнерами которые сделали ролики или баннеры, попутно предусматривается так называемая 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="300" height="127">
<param name="movie" value="/logo/compok.by.swf"/>
<object type="application/x-shockwave-flash" data="compok.by.swf" width="300" height="127">
<img src="/logo/compok.gif" width="300" height="128" alt="compok.gif"/>
</object>
</object>

Пояснения.

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


Проверялось на телефоне Sony Xperia Z1 Compact в браузерах Opera и Chrome.

Проверить