Новый плеер!
Как встроить видео и аудио на сайт? Как вставить видео проигрыватель? FLV и MP3 плееры для сайта скачать бесплатно!

← Модель для сборки

Инструкция для видео

Задача: быстро и просто опубликовать видеоролик в интернете.

Для этого видеофайл нужно переконвертировать в формат flv (формат видео, поддерживаемый flash-технологией). Если у вас уже есть flv-файл, следующий абзац можно пропустить.

Конвертация видео в формат flv осуществляется с помощью специальных программ, среди которых можно найти простые и бесплатные. Как правило, программы-конверторы позволяют изменять размеры ролика и степень сжатия, что позволяет управлять качеством изображения и размером конечного файла. Также существуют онлайн-сервисы для хранения видео, которые автоматически конвертируют видеоролик в flv-формат, например youtube.com, video.google.com и т.д. При сохранении ролика на такой ресурс, видео автоматически конвертируется в flv-файл определенного размера и пользователю выдается ссылка на публикацию, но это не ссылка на файл и по ней нельзя скачать сконвертированное видео. Чтобы скачать непосредственно flv, необходимо найти прямую ссылку на файл. Для этого можно, например, воспользоваться сервисом keepvid (нужно ввести выданную, например, на youtube ссылку на видео и сервис выдаст ссылку на файл).

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

Первый вариант — скачать файл плеера (uflvplayer.swf) и разместить его на своем сайте вместе с видеофайлом. Таким образом вся сборка будет находиться на вашем хостинге под контролем.

Второй способ менее надежен и состоит в том, чтобы подгружать файл плеера удаленно с нашего сайта. Это значит, что если у вас нет сайта и соответственно хостинга (места для файлов), то вы можете собрать плеер, разместив файлы на других сайтах (видео — на сайте видеосервиса и файл плеера на нашем сайте).

В итоге, осталось получить html-код для того, чтобы вставить плеер на страницу. Собственно, для этого и существует данный сервис, так как без специальных знаний трудно решить эту нетривиальную задачу. По ссылке «Собрать» открывается форма для настройки плеера и генерации html-кода.

Рассмотрим каждую опцию по порядку, по номерам, как они обозначены на рисунке.

  1. В этом поле следует указать ссылку на flv-файл, который уже предварительно закачен в интернет.
  2. В этом поле нужно указать ссылку на файл плеера или оставить ссылку на http://flv-mp3.com/i/pic/uflvplayer_500?375.swf, если плеер будет грузиться удаленно с нашего сайта.
  3. Заставка — это картинка (например, кадр из видео), которая загружается в окне плеера перед тем, как пользователь нажмет на play и видео начнет грузиться. Это помогает привлечь дополнительное внимание к публикации. Картинка должна быть файлом gif или jpg размером 500х375 пикселей. В поле нужно указать ссылку на эту картинку.
    Надпись во время заставки может содержать название или краткое описание видео. Эта возможность способствует взаимопониманию между автором и зрителем. Также при миграции плеера надпись все равно остается в опубликованном плеере. Максимальная длина надписи — 53 символа.
  4. Размеры плеера задаются шириной в пикселях (высота определяется автоматически из соотношения 4:3).
  5. Функция автозапуска подразумевает автоматическую загрузку видео при загрузке страницы с плеером. Эту функцию рекомендовано отключать, чтобы пользователь мог сам распоряжаться своим интернет-трафиком. В случае отключенного автозапуска, в плеере будет видна заставка с надписью, пока пользователь не нажмет на play.
  6. Цвет плеера можно выбрать из палитры имеющихся стандартных цветов. Есть возможность изменить цвет рамки и фона на свое усмотрение. Также есть возможность использовать скины, имеющиеся в коллекции на сайте (включите опцию «Выбрать скин»). Если нужны эксклюзивное оформление плеера, адаптированное под дизайн вашего сайта, и ваш логотип, воспользуйтесь услугой персонализации плеера.
  7. Цвет фона вашего сайта нужно задать, если он отличный от белого (по умолчанию) или черного (можно выбрать в списке). Выбрав значение «Другой», нужно записать цвет в HEX обозначении — стандартное веб обозначение цветов (например, #FF0000 — красный). Подробнее о том, как узнать цвет фона своего сайта.
  8. Опция стартовой громкости звука (видео начинает проигрываться с заданной громкостью) позволяет адаптировать плеер к качеству звука в видеоролике.
  9. Кнопки управления, которые находятся внизу плеера, могут быть видны постоянно (рекомендуемое положение), могут появляться при наведении курсора на плеер и снова исчезать при удалении курсора, а также могут быть выключены совсем.

Нажав на кнопку «Собрать и получить html-код», вы переходите в режим демонстрации собранного плеера и html-кода.

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

Понять как формируется HTML-код и разрешить некоторые проблемы можно в разделе FAQ.