HTML подключение / Вопросы и ответы по использованию плеера Uppod

← Вопросы и ответы

HTML подключение

HTML-код автоматически генерируется в разделе "Мой плеер" для файлов и плейлистов. Необходимо выбрать нужный файл или плейлист и нажать на кнопку "Код" в меню. Пути к файлам можно предварительно указать тут.

Код выводится в двух вариантах:

стандартный (более компактный, не содержит тега embed, работает во всех браузерах).

c тегом EMBED (работает во всех браузерах, содержит тег embed, который необходим для вставки кода в редакторы, адаптированные под IE (внизу есть комментарий об этом)). Также этот вариант кода решает проблему с ЖЖ в FireFox.

Таким образом каждый может выбрать необходимый вариант кода, мы рекомендуем пользоваться первым.

Стандартный HTML-код:

<object type="application/x-shockwave-flash" data="http://site.ru/uppod.swf" width="500" height="375">
<param name="bgcolor" value="#ffffff" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<param name="movie" value="http://site.ru/uppod.swf" />
<param name="flashvars" value="st=ссылка-на-файл-стилей&file=ссылка-на-медиафайл" />
</object>

HTML-код с тегом embed:

<object width="500" height="375">
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<param name="movie" value="http://site.ru/uppod.swf" />
<param name="flashvars" value="st=ссылка-на-файл-стилей&file=ссылка-на-медиафайл" />
<embed src="http://site.ru/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="transparent" flashvars="st=ссылка-на-файл-стилей&file=ссылка-на-медиафайл" width="500" height="375">
</embed>
</object>

Не все параметры являются обязательными, посмотрим что к чему:

data="http://site.ru/uppod.swf" и movie value="http://site.ru/uppod.swf" - ссылка на плеер;

width="500" height="375" - размер flash-объекта, в котором собирается плеер. Размер самого плеера указывается в стилях (если размер 500х375 или не указан, то плеер автоматически растягивается на весь flash-объект)
param name="bgcolor" value="#ffffff" - фон сайта (не обязательно указывать при wmode=transparent
param name="allowFullScreen" value="true" - необходимое разрешение использовать полноэкранный режим
param name="allowScriptAccess" value="always" - необходимое разрешение открывать внешние ссылки из плеера
param name="wmode" value="transparent" - режим прозрачности плеера для сайтов с неоднородным фоном. Актуален для плееров со скруглением (автоматически вставляется, если включен эффект прозрачности, в других случаях нужно добавлять вручную). Лучше использовать прозрачность только по необходимости.
name="flashvars" value="..." - список ключей для указания плееру всех настроек (в нашем случае это ссылки на стили, медиафайл или плейлист)
для тега embed все параметры param необходимо дублировать

По сравнению с HTML, подключение через JavaScript имеет ряд преимуществ

Комментарии пользователей:

«Мой редактор на сайте переводит теги в верхний регистр и удаляет большую часть кода»

Скорее всего дело в том, что ваш визуальный редактор (WYSIWYG) работает во включенном режиме designMode (работает только в IE) и сам исправляет код на свое усмотрение. Вот этот формат кода является для него валидным:

<OBJECT width=500 height=375><PARAM NAME="movie"
VALUE="http://site.ru/uppod.swf"><PARAM NAME="allowFullScreen" VALUE="true"><PARAM NAME="allowScriptAccess" VALUE="always"><PARAM NAME="FlashVars" VALUE="..."><PARAM NAME="bgcolor" VALUE="#FFFFFF"><embed src="http://site.ru/uppod.swf" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash" bgcolor="#FFFFFF" flashvars="..." width="500" height="375" /></embed></OBJECT>

Задать вопроc на форуме