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

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

Вход на сайт


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



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


Войти на сайт

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

Главная / Уроки по Flash / Просмотр урока

     

Создание сайтов


Вам нужен небольшой сайт или просто хотите доработать уже существующий? | Подробнее

Flash видеоплеер Flowplayer для вашего сайта

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

Пример

Как всегда нам понадобятся исходные файлы, прилагаемые к этому уроку. Копируем сам плеер flowplayer-3.2.1.swf, flowplayer.controls-3.2.0.swf и скрипт flowplayer-3.2.0.min.js на сайт. Сразу же подключим наш скрипт:

<script type="text/javascript" src="flowplayer-3.2.0.min.js"></script>

Теперь вставим год для плеера:

<a href="../SS4UPlayer/videos/clips/toy story 1.flv" style="display:block;width:520px;height:330px"
id="player">
</a>
<script>

flowplayer("player", "flowplayer-3.2.1.swf");
</script>

В ссылке мы прописываем путь до видео-файла и задаем размеры плеера. Ширину и высоту следует задавать пропорционально ширине и высоте видео иначе оно будет искажено. Ну и собственно в скрипте мы указываем путь до плеера и идентификатор, который указывается в ссылке. При открытии страницы с данным кодом у нас сразу же начнет воспроизводиться ролик. К сожалению как отключить автозапуск у этого плеера я так и не нашел.

Автор: Евгений Бочкарев Урок добавлен: 23 Августа 2010 в 12:24 Просмотров: 16757

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

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

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

#2 Евгений 26-12-2010 в 01:05
Валерий, тут имеется идентификатор ссылки id="player", т.е. чтобы плеер знал путь до видеоролика, который указывается в <a href>. С ютуба или с любого другого видеохостинга не получится так просто вставить видио, нужна прямая ссылка на файл .flv
#3 Валерий 26-12-2010 в 02:30
Евгений, если не трудно, можно было бы мне объяснить это по скайпу? Так удобнее)) Долго мучаюсь с этим плеером, все перерыл в инете и никак..(( Мой скайп valerik-999

Заранее благодарен.
#4 Павел 25-05-2011 в 04:50
<script>
flowplayer("player", "flowplayer-3.2.1.swf", {
clip: {
autoPlay: false,
autoBuffering: true
}
});
</script>

Убирает автозагрузку
#5 Павел 25-05-2011 в 04:54
Какой то тут странный фильтр стоит. Надеюсь разберётесь)))
#6 Мария 01-03-2012 в 16:06
Павел, Ваш скрипт не работает
#7 Сергей. 06-03-2012 в 19:17
Мария, все работает.

Смотрите внимательнее куда вставляете код, у вас он дублируется на странице.
#8 Juuu 22-08-2012 в 20:50
Отлично, то, что искала. и скрипт для автоплея работает правильно))
#9 SysAdmin 19-12-2013 в 02:24
Всё работает. А вот при заходе на сайт с плантеша андройд пишет что нет adobe и что видео только для компьютера. Вот и дела такие. Можно смотреть только с компов.
#10 SysAdmin 19-12-2013 в 02:49
Всё отлично. Нужно обновить adobe/
Респект автору!
#11 Александр Борисов 02-05-2014 в 22:52
Привет. А как сделать так, чтобы полосу прокрутки убрать?
Добавить новый комментарий

Автор:

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

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

cap

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


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

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

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

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