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 Просмотров: 17062