← Форум | FLV-плеер → |
SWFObject — это самое распространенное решение для публикации flash-файлов с помощью JavaScript. От классического способа с помощью HTML, динамический способ публикации через JavaScript имеет серьезные преимущества:
- можно легко контролировать наличие flash-плеера нужной версии от Adobe на сайте пользователя, а также включать автоматическую экспресс-инсталяцию плеера, если он устарел или его вовсе нет;
- если произошла ошибка исполнения страницы, у посетителя выключен JavaScript, либо не установлен flash-плеер, вместо флеша можно показывать альтернативный контент;
- динамический способ публикации устраняет неприятный момент активации flash-роликов кликом мыши в некоторых браузерах (IE Eolas Update);
- публиковать с помощью SWFObject очень просто.
Пример:
Нужно скачать последнюю версию SWFObject (нужен файл swfobject.js и expressInstall.swf, если вы хотите использовать экспресс-инсталяцию flash-плеера в случае его отсутствия).
Создадим файл html следующего содержания (курсивом указаны примечания):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>
<html xmlns=http://www.w3.org/1999/xhtml lang="en" xml:lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="swfobject.js"></script>
<!-- Здесь мы включили в документ SWFObject -->
<script type="text/javascript">
var flashvars = {way:"http://yoursite.com/sample.flv", swf:"http://yoursite.com/uflvplayer.swf", w:"500", h:"375", skin:"greyblack", pic:"http://yoursite.com/sample.jpg", autoplay:"0", tools:"2", q:"0", volume:"70", comment:"Название"};
// Здесь мы перечислили параметры flashvars настройки плеера
var params = {bgcolor:"#FFFFFF", allowFullScreen:"true"}
// Здесь мы указали в параметрах цвет фона flash-ролика
var attributes = {id:"uplayer_flv",name:"uplayer_flv"};
// Здесь мы указали в атрибутах идентификатор и имя объекта в документе
swfobject.embedSWF("http://yoursite.com/uflvplayer.swf", "uplayer_flv", "500", "70", "9.0.0", "http://yoursite.com/expressInstall.swf", flashvars, params, attributes);
// Здесь мы запустили SWFObject для публикации flash-ролика в формате: путь к файлу, id блока для публикации, ширина, высота, минимальная версия flash-плеера, путь к файлу экспресс-инсталяции, flashvars переменные, params параметры, attributes атрибуты
</script>
</head>
<body>
<div id=uplayer_flv>
<a href=http://www.adobe.com/go/getflashplayer>
<img src=http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif alt="Get Adobe Flash player" />
</a>
</div>
<!-- Здесь мы создали блок (div), где будет размещен наш плеер (id указывается в строке запуска SWFObject).
Внутри этого блока размещается альтернативный контент, который пользователь увидит, если у него нет flash-плеера или его версия ниже той, которую мы указали в строке запуска SWFObject -->
</body>
</html>
| Ссылка на пост (cмотрели 3425) | 28.12.07 12:41 Ответить |
| 2 | При вставке видео с соотношением сторон 16:9 и задании соответствующих параметров (высота, ширина), при вставке с помощью SWFObject видео сжимается до размеров 4:3 (высота остается заданной, а ширина сжимается)… При вставке обычным образом такой проблемы нет… Нигде не нашел атрибута или переменной, отвечающий за указание соотношения сторон… Помогите плиз. (ответить) |
Рассылка обновлений
