Меню показать Меню скрыть
Современные
проекты
от ПаЛыЧа
Сайк ПавелСайк Павел
7 г. назад

Валидная вставка флеш (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. Добавил очень важную вещь. Особенно видно, когда у вас есть всплывающие окна, и они оказываются под флешем. Некрасиво, но правится просто.

Комментарии

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



Все работает отлично. А с Вашим в ие6 никак :-( Ответить
#Вадим23.08.2009 16:11
В том то и дело что стоит .... Ответить
#Natyuma06.01.2010 19:58
Спасибо большое, это именно то, что я искала! Ответить
#a.igor06.05.2010 09:21
Я сделал так, все бы хорошо, но в ИЕ 6 (7 и 8 еще не проверил) происходит следующее: при обновлении страницы хорошо заметно, что в начале на месте флеша появляется какой-то прямоугольник со значком в левом верхнем углу.
Это происходит, как я понял, потому что date= в теге прописано.
А если его убрать - то Опера с ФФ ничего не покажут.
Что делать-то? Ответить
#babr06.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 нафиг Ответить

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

Наверх