Что такое SWFObject?
SWFObject — это популярный способ публикации Flash-роликов на JavaScript. По сравнению с классическим HTML он имеет ряд преимуществ:
- кроссбраузерный и соответствует стандартам;
- позволяет избежать необходимости активации Flash-ролика пользователем в Internet Explorer (IE Eolas Update);
- можно задавать альтернативный контент в случае, если у пользователя не установлен Flash-плеер или стоит старая версия;
- можно проверять версию Flash-плеера и предлагать обновиться, если та устарела, либо запускать экспресс-инсталляцию Flash-плеера, если он не установлен;
- можно динамически загружать/выгружать плееры без перезагрузки страницы;
Способ публикции прост:
- Необходимо скачать последнюю версию SWFObject;
- Включить скрипт swfobject.js внутри head — в заголовке страницы таким образом, указав путь к файлу:
<script type="text/javascript" src="swfobject.js"></script>- При сборке виджета получить код для SWFObject и вставить его на страницу там, где это необходимо.
Код для SWFObject, который генерируется на нашем сайте самый простой. Чтобы использовать продвинутые опции (Express Install и т.п.), необходимо подробнее изучить материал на сайте разработчиков.
Например, можно использовать SWFObject для замены плеера без перезагрузки страницы. Для этого js-код выносится в отдельную функцию, которая изменяет параметры подключения. Например:
function play(url){
Функция вызывается следующим образом:
var flashvars = {st:"ссылка-на-файл-стилей",file:url};
var params = {bgcolor:"#ffffff", allowFullScreen:"true", allowScriptAccess:"always"};
var attributes = {id:"player",name:"player"};
swfobject.embedSWF("ссылка-на-файл-плеера", "player", "500", "375", "10.0.0",false,flashvars, params,attributes);
}<div id="player"></div><A onclick="play(′ссылка-на-видео′);return false;" href="ссылка-на-страницу-с-видео">Превью или название видео</A>
Это самый простой вариант, можно его значительно улучшить. Например собирать ссылку внутри функции, передавая лишь название файла: url="http://..."+url+".flv";
Как проверять версию Flash-плеера и предлагать обновиться пользователю?
Проверяемая версия плеера прописана в пятом параметре ("10.0.0" - минимум десятая версия), если версия окажется ниже, то пользователю будет показано содержимое тега div: <div id="player">Обновите flash-плеер</div>