VideoPlayer

Материал из Umicms
Перейти к:навигация, поиск

Добавление на сайт UMI.CMS плеер для воспроизведения видео flv

Задача:

нам нужно добавить плеер для воспроизведения flv роликов на нашем сайте. Эти ролики должны показываться не сразу после загрузки страницы, а лишь по нажатию кнопки Play.

Для начала нужно определиться с выбором плеера. В сети их большое количество. Как говорится: выбирай на вкус!

Поэтому я выбрал Flowplayer.

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


Итак, скачиваем с сайта производителя дистрибутив.[1] (Если ссылка не работает, то отсюда [2] ) Разархивриуем.

Для подключения видеоролика нам потребуется вставить в код шаблона пару строк:

<head>


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

</head>

А теперь размещаем код плеера в тэге <body> в нужном нам месте

<a href="http://e1h13.simplecdn.net/flowplayer/flowplayer.flv" style="display:block;width:520px;height:330px" id="player"> </a>


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


Смотрим результат.[[3]]


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

Значит нам осталось в модуле Шаблоны данных добавить необходимое поле для добавления файла и поля, которые задавали бы нужные параметры: высота, ширина, способ показа ролика.

И после этого вывести идентификаторами в шаблон, например так:

<a href="%src_file_flv%" style="display:block;width:%width%px;height:%height%px" id="player"> </a>