Зарегистрироваться | Забыли пароль


Для начинающих

bottom

Уроки

bottom

Полезное

bottom

Файлы

bottom

Ссылки

bottom

Главная страница » Уроки по Flash

Вставляем красивый и практичный видеоплеер на сайт

В этом уроке мы научимся вставлять на сайт довольно удобный и практичный flv видео плеер. Этот видео плеер поддерживает полно экранный режим, а также имеет ряд настроек, позволяющих пользователю регулировать яркость, и контрастность воспроизводимого видео.

Пример

Скачиваем сам видеоплеер, находящийся в исходных файлах и копируем к себе на сайт. Также закачиваем видео в flv формате и картинку-заставку. Теперь чтобы плеер появился на страничке, вставляем в нее следующий код:

<object type="application/x-shockwave-flash" data="uflvplayer_500x375.swf" height="340" width="400">
<param name="bgcolor" value="#FFFFFF">
<param name="allowFullScreen" value="true">
<param name="allowScriptAccess" value="always">
<param name="movie" value="uflvplayer_500x375.swf">
<param name="FlashVars" value="way=video.flv&amp;swf=uflvplayer_500x375.swf&amp;w=400&amp;h=340
&amp;pic=my.jpg&amp;autoplay=0&amp;replay=0&amp;tools=1&amp;skin=whitegrey
&amp;volume=70&amp;q=&amp;comment=Пробное видео"
>
</object>

Теперь расскажу о тех параметрах, которые нужно изменить.

За путь до плеера отвечает целых три параметра. Первый параметр data, второй value в теге <param name="movie">, и третий это value в теге <param name="FlashVars"> в значение которого также нужно указать путь до плеера, а также путь до видео ролика. Теперь изменяем ширину и высоту нашего плеера в зависимости от размера видео. Ширина определяется параметрами width и w, а высота регулируется значениями height и h. В строке
<param name="bgcolor" value="#FFFFFF"> указывается цвет фона вашего сайта, это необходимо для того чтобы были видны скругленные углы плеера.
<param name="allowFullScreen" value="true"> отвечает за возможность полноэкранного режима и принимает два значения true (разрешить) и false (запретить). В значении pic прописываем путь до картинки-заставки.
Перечислю еще несколько параметров, которые можно изменить по вашему усмотрению:

autoplay – воспроизведение начинается автоматически (1) или по требованию пользователя (0).
replay – зациклиает просмотр (1), без цикла (0).
tools – отображает панель управления (1) и (0) не отображает.
volume – задает начальное значение громкости (0 - 100).
comment – показывает надпись на видео.

Если Вам тяжело изменять вручную этот код то на сайте производителя есть генератор кода, позволяющий легко и быстро получить нужный результат .

Автор: Евгений Бочкарев · Урок добавлен: 5 Февраляя 2010 17:31 · Просмотров: 1514

Рекомендую
  • Currently 3.67/5
  • 1
  • 2
  • 3
  • 4
  • 5

Рейтинг: 3.7/5 (всего 3 голоса)

Понравился сайт? Внесите свой вклад в его развитие?
R314489888859
41001346159934




   Комментарии к уроку (1)

12
Liza    Добавлено: 24-05-2010 в 13:37
Плеер неплохой, но почему-то не доигрывает ролик до конца, отрубается за несколько секунд до финала.
 
34
12

   Добавить комментарий


Ваше имя:


Текст комментария:

Получать уведомления по Email могут только зарегистрированные пользователи. Регистрация
Введите цифры с картинки


 
34