Собираем FLV видеоплеер для своего блога (сайта)

2015-01-20 Создание сайта RastaMan 1 885 0

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

Но сначала я хотел бы поделится новостью, наконец я полностью обновил дизайн своего блога, если вы у меня не в первый раз то не удивляйтесь вы попали туда куда надо). А для новых читателей BaBosik'a это не окажется новостью поэтому взгляните как он выглядел до обновления:

Очень серый был, мрачный, хотелось мне осветлить его, ну и собственно вот что вышло. Ладно, отклонился от темы, продолжим. Сейчас мы с вами соберем плеер для своего блога.

Сборка FLV плеера

Переходим на сайт flv-mp3 регистрация тут не нужна, можно сразу приступать к сборке, для начала сразу скачайте файл самого плеера, для этого нажмите на кнопку "скачать" в левой колонке, так как мы собираем видео а не аудио плеер.

Теперь переходим к сборке нажав на соответствующию ссылку под номером №2. На самом деле собрать видеоплеер очень просто, нужно совершить всего несколько действий и все готово.

На странице для сборки видим небольшую панельку, с ней и будем работать:

1. В первое поле нужно ввести адрес на свое видео в формате flv, для конвертации в этот формат я использовал этот сайт video.online-convert, после этого создайте папку например с названием "player" и закиньте туда данное видео, саму папку поместите на свой сайт например с помощью FileZilla, у вас должен получится примерно следующий адрес http://сайт.ру/player/ваше видео.flv, убедитесь что видео открывается по этой ссылке и вставте ее в первое поле.

2. Ранее скаченный файл будущего плеера закиньте в туже папку которую мы назвали "player". И проверьте перейдя по ней http://сайт.ру/player/uflvplayer_500x375.swf. Если все нормально вставляйте этот адрес во второе поле.

3. Следующее поле не обязательно, сюда можете вставить картинку которая будет отображаться как заставка плеера.

4. Далее нам предлагают наложить надпись которая будет отображаться на видео, это тоже по желанию. Подробнее можете прочитать нажав на ссылку "о надписи".

5. Размер плеера - выберите необходимый вам размер в пикселях и его соотношение тоесть более вытянутый или кубоподобный.

6. Выбирайте цвет фона и рамок, рамки также можно скачать перейдя по ссылке "о скинах".

7. Примерно подходящий цвет нужно выбрать, определится с углами, закруглить или нет, можно подобрать яркость, контраст, насыщенность и оттенок если хотите.

8. Выставите громкость которая будет сразу при запуске видео (не рекомендую ставить на все 100% 30-50 вполне хватит.

9. Автозапуск - как и написано на сайте рекомендуется не включать, но тут на ваше усмотрение, например если видео будет в новости то зачем нужен автозапуск, а если например в всплывающем окне то можно и включить.

10. Кнопки громкости, пуска и т.д я установил при наведении.

Вот собственно и все, вот так легко и без потери времени мы сумели создать видеоплеер для сайта, далее нам просто нужно получить код для вставки на сайт, кликнете на "Собрать и получить html-код" и на открывшейся странице увидете два кода, один для того чтоб вставить видеоплеер в ЖЖ, другой для размещения на сайте.