JavaScript (SWFObject)
Текущая версия 1.2.2
SWFObject — это популярный способ публикации Flash на Javascript. По сравнению с классическим HTML он имеет ряд преимуществ:
- кроссбраузерный и соответствует стандартам
- позволяет избежать необходимости активации Flash-ролика пользователем в Internet Explorer (IE Eolas Update)
- можно задавать альтернативный контент в случае, если у пользователя не установлен Flash-плеер или стоит старая версия
- можно проверять версию Flash-плеера и предлагать обновиться, если та устарела, либо запускать экспресс-инсталляцию Flash-плеера, если он не установлен
- можно динамически загружать/выгружать плееры без перезагрузки страницы
Можно скачать скрипт на сайте проекта SWFObject и включить его в заголовок страницы (внутрь тега head)
Код
<script type="text/javascript" src="swfobject.js"></script>
Можно загружать скрипт удаленно
Код
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
Код плеера для SWFObject можно взять в конструкторе (нужно не забыть включить этот формат в настройках), можно собирать код вручную
Код
<div id="идентификатор"></div>
<script type="text/javascript">
var flashvars = {переменные_плеера};
var params = {bgcolor:"#ffffff", wmode:"window", allowFullScreen:"true", allowScriptAccess:"always"};
swfobject.embedSWF("ссылка_на_плеер", "идентификатор", "ширина", "высота", "10.0.0.0", false, flashvars, params);
</script>
- ссылка_на_плеер – ссылка на swf (рекомендуется использовать полный путь к файлу)
- идентификатор – уникальный id контейнера на странице, например videoplayer123
- переменные_плеера – список переменных flashvars (ссылка на стили, видео или аудио, плейлист, заставку и т.д.)
- ширина и высота – размер flash-объекта в пикселях. Этот размер обычно совпадает с размером экрана плеера, указанный в стилях (500x375 для видео и 300x90 для аудио по-умолчанию), но может отличаться, если панель вынесена под плеер или есть внешние плейлисты.
- 10.0.0.0 – минимально необходимая версия flash-плеера
- bgcolor – фон flash-объекта, обычно совпадает с фоном сайта (отображается до момента загрузки плеера, по умолчанию белый)
- wmode – режим отображения плеера в HTML (можно не указывать при стандартном значении window, другие значения используются для прозрачности, размещения других блоков над плеером и т.п. (подробнее про wmode)
- allowFullScreen – необходимое разрешение для использования полноэкранного режима
- allowScriptAccess – необходимое разрешение для взаимодействия плеера с сайтом
Вопрос: «Как динамически убрать плеер на странице»
Код
swfobject.removeSWF("идентификатор");
Вопрос: «Как предлагать альтернативный контент»
Если у пользователя не установлен Flash или версия flash-плеера ниже указанной в пятом параметре SWFObject, то ему будет показано содержимое контейнера div. Там можно написать предупреждение, например
Код
<div id="идентификатор">Требуется обновить плеер</div>
Вопрос: «Как обновлять автоматически обновлять устаревшие версии flash-плеера»
Для этого используется, так называемый Express Install – шестой параметр в опциях SWFObject. На сайте проекта можно найти файл expressInstall.swf, ссылку на который и нужно указать. В этом случае, если версия плеера ниже указанной в опциях, то пользователю будет предложено обновиться.
Код
"10.0.0.0", "expressInstall.swf"