Уважаемые читатели сайта Ajaxs.ru

Очень рад что вы зашли на мой сайт. Надеюсь, Вы сможете найти здесь для себя полезную информацию. Зарегистрировавшись на сайте вы получаете ряд преимуществ:
1. При комментировании Вам не нужно вводить имя и капчу с картинки
2. Вы можете получать уведомления на Email к интерисующим вас урокам
3. Вы можете редактировать свои комментарии

Вход на сайт


Забыли пароль



Восстановление пароля


Войти на сайт

Зарегистрироваться

Главная / Уроки по 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 – показывает надпись на видео.

Если Вам тяжело изменять вручную этот код то на сайте производителя есть генератор кода, позволяющий легко и быстро получить нужный результат http://flv-mp3.com/ru/flv/.

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

Условия копирования материалов сайта

Все комментарии

Посмотреть предыдущие комментарии (12)

#13 Леонид 22-06-2011 в 19:21
Объясните как несколько видео файлов добавить?
#14 Евгений 22-06-2011 в 19:56
Данный плеер на сколько я знаю не предназначен для этого. Для этой цели можно использовать другой плеер
http://www.ajaxs.ru/lesson/flash/106-flash_videopleer_ss4uplayer_dlja_sajta.html
#15 Леонид 23-06-2011 в 11:36
Благодарю
#16 Ирина 28-06-2011 в 22:40
Плеер замечательно работает, НО не отображается изображение-заставка. Почему?
#17 vvd 04-07-2011 в 18:25
Чё-то у меня не работает
#18 петр 05-07-2011 в 21:31
я новичок в этом деле, подскажите пожалуйста.., ну, вот сайт создал у себя на локалке, плеер не будет работать? надо грузить на сервер?
#19 Евгений 08-07-2011 в 15:28
Петр, все должно работать и на локальном компьютере. Единственная проблема которая может возникнуть это блокирование флеш содержимого браузером в целях безопасности, но если работать через Денвер или ему подобное проблем возникнуть не должно.
#20 петр 17-07-2011 в 16:07
Евгений, что то никак не въеду я(, не высвечивается он никак., я его в чёрный покрасил, он так и рисуется >>http://remtest.ru/kontakty/ "чёрный квадрат"., положил в корневую, там все страницы, favicon, и прочее., навожу на него, копирую ссылку, вставляю во все три места "объекта", и никаких сдвигов.?, или как ещё путь задать - не понимаю.(конструктор под себя подгоняю, может в этом проблема)
#21 петр 19-07-2011 в 04:13
Евгений, благодарен!, вывел я его всё-таки, задал правильный путь, теперь уж с остальным разберусь., извиняюсь за делетанство (...
#22 петр 19-07-2011 в 05:17
сделай, чтобы при наводке подсказывало платёжную систему.., спасибо, удачи!
Добавить новый комментарий

Автор:

Текст сообщения:

Если в комментарии присутствует код, пожалуйста вставляете его между тегами [code][/code]

cap

Код с картинки:


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

41001346159934
R314489888859
Уроки
Для начинающих
Интересное
Файлы
Полезное
Опрос

Много ли среди программистов девушек?

Последние комментарии
Ссылки