Параметры для вставки объектов

Автор: Александр Головко, помогала Татьяна Шкабко Дата публикации: 07.03.2010

Для вставки объектов в HTML страницу используется тег object, для браузеров, которые не понимают object дополнительно применяется тег embed.

Когда применяешь эти теги сталкиваешься с массой различных параметров. Эти параметры служат для настройки отображения и работы вставляемого объекта. Например, довольно типичный вариант вставки флеша может выглядеть так:

<object data="http://www.xiper.net/examples/flash/images/test.swf" type="application/x-shockwave-flash" height="300" width="200">
<param name="menu" value="true" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<div>Тест для поисковиков и браузеров не поддерживающих плагины</div>
</object>

Таких параметров довольно много. Чтобы не потонуть в дебрях param и object мы составили несколько табличек.

Список атрибутов элемента object и их значений

Имя атрибута описание атрибута и возможные значения
id присваивает элементу идентификатор, уникальный в пределах данного документа, на который может ссылаться скрипт.
name определяет имя объекта, на которое может ссылаться скрипт.
styleclass используется вместо class, так как это зарезервированное ключевое слово
align Задает горизонтальное или вертикальное (относительно его содержимого) выравнивание объекта в блоке. Возможные значения:
  • l (left) &mdash выравнивают объект относительно левой стороны и обрезают по остальным трем краям, если размер превышает размер блока.
  • r (right) &mdash выравнивают объект относительно правой стороны и обрезают по остальным трем краям, если размер превышает размер блока.
  • t (top) &mdash выравнивают объект относительно верхней стороны и обрезают по остальным трем краям, если размер превышает размер блока.
По умолчанию объект находится в центре блока и обрезается по краям блока, если он больше.

Список элементов params вложенных в object и их значений

Подробнее о теге param можно почитать в HTML справочнике.

Имя параметра Описание параметра и возможные значения
play Определяет будет ли проигрываться Flash сразу же после загрузки в браузер. Возможные значения:
  • true — Flash будет проигрываться сразу же после загрузки в браузер (значение по умолчанию),
  • false — Flash не будет проигрываться сразу же после загрузки в браузер.
loop Определяет, будет ли ролик повторятся или остановится, когда достигнет последнего кадра. Возможные значения:
  • true — ролик будет повторятся (значение по умолчанию),
  • false — ролик остановится, когда достигнет последнего кадра.
menu Возможные значения:
  • true — отображает полное меню, предоставляя пользователю разнообразные возможности для управления воспроизведением (значение по умолчанию),
  • false — отображает меню, которое содержит только настройки и опции Flash.
quality Качество. Возможные значения:
  • low — отдается предпочтение скорости загрузки перед качеством изображения и никогда не используется anti-aliasing,
  • autolow — отдается предпочтение скорости загрузки, но по возможности качество улучшается (воспроизведение начинается при выключенном anti-aliasing, но если Flash Player обнаруживает, что процессор может обрабатывать его, anti-aliasing включается),
  • autohigh — поддерживает в равной мере и скорость воспроизведения и качество изображения (воспроизведение начинается при включенном anti-aliasing, но если частота кадров оказывается меньше заданной, anti-aliasing выключается),
  • medium — использует anti-aliasing, но не сглаживает растровые изображения, качество оказывается лучше, чем с параметром low, но хуже чем с параметром high,
  • high — способствует увеличению скорости воспроизведения и всегда применяется anti-aliasing (если ролик не содержит анимацию, растровые изображения сглаживаются, если ролик содержит анимацию, растровые изображения не сглаживается),
  • best — стремится к высшему качеству изображения и не обращает внимание на скорость загрузки (всегда применяется anti-aliasing и сглаживаются все растровые изображения).
scale Масштаб. Возможные значения:
  • showall — делают весь ролик видимым в указанной области без искажений, при сохранении пропорций оригинального фильма, т.е. границы могут появляться на двух сторонах (значение по умолчанию),
  • noborder — масштабирует ролик так чтобы он заполнил все доступное пространство, без искажений, но возможно, с некоторыми обрезками, при сохранении пропорций оригинального фильма,
  • exactfit — весь ролик отображается в указанной области, не пытаясь сохранить оригинальные пропорции (возможны искажения).
salign Задает горизонтальное или вертикальное (относительно его содержимого) выравнивание объекта в блоке.
  • l (left) &mdash выравнивают объект относительно левой стороны и обрезают по остальным трем краям, если размер превышает размер блока.
  • r (right) &mdash выравнивают объект относительно правой стороны и обрезают по остальным трем краям, если размер превышает размер блока.
  • t (top) &mdash выравнивают объект относительно вехней стороны и обрезают по остальным трем краям, если размер превышает размер блока.
  • tl(top left) &mdash выравнивают объект относительно верхнего левого угла и обрезают по остальным краям, если размер превышает размер блока.
  • tr(top right) &mdash выравнивают объект относительно верхнего правого угла и обрезают по остальным краям, если размер превышает размер блока.
По умолчанию объект находится в центре блока и обрезается по краям блока, если он больше.
wmode Задает свойство Window Mode для Flash ролика, определяя прозрачность, слой и позиционирование в браузере. Возможные значения:
  • window — ролик проигрывается в своем прямоугольном окне на веб-странице, opaque - ролик скрывает все, что расположено на странице за ним,
  • opaque — ролик скрывает все, что расположено на странице за ним,
  • transparent — фоновый цвет HTML страницы виден сквозь все прозрачные части ролика, что может замедлить анимацию.
bgcolor Фоновый цвет (Шестнадцатеричное значение RGB) в формате #RRGGBB. Задает цвет фона в ролике. Используется для переопределения настроек цвета фона, указанного в файле Flash. Этот атрибут не влияет на цвет фона HTML-страницы.
base Или [базовый каталог] или [URL]. Задает базовый каталог или URL и используются для задания относительного пути в ролике Flash Player. Этот атрибут полезен, когда Flash-ролик хранится в отельном от других файлов каталоге.
swliveconnect Определяет, должен ли браузер запустить Java при первом запуске Flash Player. Возможные значения:
  • true — браузер должен запустить Java при первом запуске Flash Player,
  • false — браузер не должен запускать Java при первом запуске Flash Player (значение по умолчанию).
Если вы используете JavaScript и Flash на одной странице, Java должен быть запущен коммандой FSCommand.
flashvars Переменная. Требуется Macromedia Flash Player 6 или выше. Используется для передачи переменных в ролик. Формат строки — набор пар имя=значение, разделенных знаком &. Поддерживаются строки размером до 64KB.
devicefont Задает шрифт, для отображения строк. Шрифт не встраивается в Flash, а используется как рекомендуемый при выборе из имеющихся у пользователя.
allowscriptaccess Разрешение доступа скрипта. Возможные значения:
  • always — SWF файл может взаимодействовать со страницей HTML, в которую он встроен даже если файл SWF находится на другом домене,
  • sameDomain — SWF файл может взаимодействовать со страницей HTML, в которую он встроен только если файл SWF находится этом же домене (значение по умолчанию),
  • never — SWF файл не может взаимодействовать ни с какой страницей HTML (это используется для отключения ненадежных роликов).
seamlesstabbing Новый параметр для создания бесшовной табуляции. Возможные значения
  • true — при использовании кнопки Tab можно будет перейти с элементов ролика в HTML либо в браузер, если после ролика в HTML нет ничего, что может получить фокус (значение по умолчанию);
  • false — отключение бесшовной табуляции. Восстанавливает поведение Flash Player 6, в котором табуляция с последнего элемента внутри ролика приведет на первый.
ActiveX Flash Player поддерживает бесшовную табуляцию, начиная с версии 7.0.14.0.
allowfullscreen Включение полноэкранного режима. Возможные значения:
  • true — разрешает включение полноэкранного режима;
  • false — запрещает включение полноэкранного режима (значение по умолчанию).
allownetworking Контроль доступа SWF в сеть. Возможные значения:
  • all — все сетевые API разрешены в SWF (значение по умолчанию),
  • internal — SWF файл не может вызывать API навигации или взаимодействия браузера,
  • none — SWF файл не может вызвать любой сетевой API.

Для старых браузеров, которые не поддерживают object применяется тег embed. Параметры у него сходные с object, а синтаксис немного отличается:

<object data="http://www.xiper.net/examples/flash/images/test.swf" type="application/x-shockwave-flash" height="300" width="200">
<param name="wmode" value="transparent" />
<div>Тест для поисковиков и браузеров не поддерживающих плагины</div>
<embed type="application/x-shockwave-flash" src="http://www.xiper.net/examples/flash/images/test.swf" width="200" height="300" wmode="transparent"/>
</object>

Выводы

При вставке тега object в HTML, а также динамической вставке flash с помощью SWFObject, может использоваться уйма разных параметров. Грамотный HTML кодер должен разбираться в этой теме. А начинающим, надеюсь, поможет данная статья.

Материал

По теме: