05 Октября 2008

Валидная вставка флеш (flash)

При создание сайта, а именно при верстки шаблона всегда хочется к чему-то стремиться, а именно к чему-то идеальному. Стандартные методы вставки флеша не красиво и конечно не валидно. А так в последнее время мои навыки растут как грибы, то я и сам стремлюсь к самосовершенстовованию.

Тег "embed" не проходит w3c-валидацию,чтобы это недразумение исправить, пишем так:

<object type="application/x-shockwave-flash" data="images/header.swf" width="800" height="181">
<param name="movie" value="images/header.swf" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="opaque" /> //обязательно, делает флеш в тексте, убирает баг верхнего слоя
<img src="images/top.jpg" alt="Без флеша" height="181" width="800" /> // Показывается картинка, когда отключен флеш.
</object>

При таком коде вставленный флеш валиден, и если у посетителя отключен просмотр флеша, то вместо него будет отображаться фоное изображение. Удачи 

P.S. Добавил очень важную вещь. Особенно Видно, когда у вас есть всплывающие окна, и они оказываются под флешем. Некрасиво, но правится просто.

P.P.S. Для Joomla 1.5 написал модуль, который вставляет флеш с использованием SWFObject. Модуль вставки флеша через SWFObject

Теги: ,
Прозрачность PNG и IE6 или как все таки правильно→←Атрибуты селекторов

Комментарии 

# Алексей 06.10.2008 01:44
Ну есть и более удобный способ для валидной вставки флешек - blog.deconcept.com/swfobject/ Ответить
# PaLyCH 10.10.2008 18:49
А что может быть проще описанного метода? Ответить
# Евгений Куклин 20.10.2008 19:00
Более актуальная ссылка:
code.google.com/p/swfobject/
О преимуществах внедрение Flash с помощью SWFObject можно почитать здесь:
habrahabr.ru/blogs/webdev/31615/ Ответить
# Sc@M 27.06.2009 01:32
Помимо поддержки флэш, данный способ требует также поддержки JavaScript - это самый больщой минус в пользу отказа от данного способа. Ответить
# lsk 11.12.2008 15:43
как сделать так, чтобы флеш не накрывал всплывающее окно, к примеру авторизации. Ответить
# PaLyCH 12.12.2008 18:34
У флеша бесконечный z-index, если он отображается в windowed mode.
Чтобы его укротить, нужно прописать <param name="wmode" value="opaque"> в object и, соответственно, атрибут wmode="opaque" в embed (если он используется). Ответить
# Вадим 23.08.2009 15:30
все здорово, но в ие6 вместо флеша отображается серое окно (мувик не подгружается)
Это код или мои руки ?
спасибо Ответить
# PaLyCH 23.08.2009 15:57
скорее всего у тебя не установлен flash проигрыватель Ответить
# Вадим 23.08.2009 16:01
в том то и дело что скажем с кодом типа



Все работает отлично. А с Вашим в ие6 никак :-( Ответить
# Вадим 23.08.2009 16:11
В том то и дело что стоит .... Ответить
# Natyuma 06.01.2010 19:58
Спасибо большое, это именно то, что я искала! Ответить
# a.igor 06.05.2010 09:21
Я сделал так, все бы хорошо, но в ИЕ 6 (7 и 8 еще не проверил) происходит следующее: при обновлении страницы хорошо заметно, что в начале на месте флеша появляется какой-то прямоугольник со значком в левом верхнем углу.
Это происходит, как я понял, потому что date= в теге прописано.
А если его убрать - то Опера с ФФ ничего не покажут.
Что делать-то? Ответить
# babr 06.10.2010 14:41
код не работает в IE потому что он не понимает object, а embed в коде не предусмотрено

резюме: кг/ам Ответить
# Гость 24.01.2011 15:04
>код не работает в IE потому что он не понимает object, а embed в коде не предусмотрено
Это когда это ie перестал понимать object?
Его даже шестой понимает Ответить
# Гость 21.01.2011 22:07
Спасибо за пример, вечно мучался с этими флешами!
Есть статья про валидную верстку, тоже дается множество примеров и скачать можно шаблон урока:
cleverscript.ru/index.php/html/validnaya-verstka/36-verstka-xhtml-strict Ответить
# Гость 24.01.2011 12:42
код хорошо работает в ie. но в мозилле отобразается только статичная картинка. можете помочь? Ответить
# артем 27.12.2011 03:01
спасибо братуха, замудохался с этим флеш, а этот тег вписал и нету проблем, а IE нафиг Ответить

Добавить комментарий