Как добавить видео на свой сайт

Рубрика: MaxSite CMS

MaxSite CMS позволяет работать с видео в двух «режимах». В первом случае работа с видео обеспечивается сторонним видео-сервисом, например youtube.com. Во втором варианте файл видео сохраняется на вашем сервере и вы сами берёте на себя полное обслуживание.

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

Рассмотрим пример вставки видео с ютуба. После загрузки и обработки видео, в окне просмотра следует нажать кнопки «Отправить» и «Встроить». Появится текстовое поле, в котором нужно скопировать код видео для вставки.

Вставка видео на свой сайт

Копируем и в своём блоге на нужной странице вставляем этот код. Чтобы исключить возможные проблемы при обработке текста, желательно указать MaxSite CMS, что это html-код:

[html]
тут наш код
[/html]

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

Видео на своём сервере

Тут следует учитывать сразу множество моментов. Например видео нужно сжать до приемлемых размеров, иначе скорость Интернета пользователя может оказаться недостаточной для просмотра видео. Далее нужно перекодироваь видео в общепринятый кодек, иначе может возникнуть ситуация, когда у посетителя может отстутствовать драйвер для отображения видео. Сейчас наиболее распространенный формат - это FLV.

Следующий момент - для встраивания видео на своём сайте потребуется видеопроигрыватель. Обычно это комбинация flash и js-файлов. В Интернете присутствует масса вариантов, рассмотрим для примера работу с Flowplayer.

1. Загружаем видеофайл на свой сервер. Пусть для примера это будет файл my.flv. Переходим в Загрузки и отправляем свой файл на сервер. Тут учитывайте, что на сервере может стоять ограничение на максимальный размер отправляемого файла, например 8Мбайт. Если размер файла окажется больше, то появится сообщение об ошибке. В этом случае загрузить файл можно по FTP. После вы увидите его в Загрузках.

2. Для видеоплейера используем Flowplayer. Скачиваем его и распаковываем на свой компьютер. Нам нужны будут несколько файлов:

  • flowplayer-3.2.6.min.js
  • flowplayer-3.2.7.swf
  • flowplayer.controls-3.2.5.swf

Создаем на своём сервере отдельный каталог, например /flowplayer/ (http://сайт/flowplayer). В него по ftp загружаем указанные файлы.

3. Переходим к редактированию страницы, где будет выводиться наше видео. Вставляем следующий код:

[html] 
<script src="http://сайт/flowplayer/flowplayer-3.2.6.min.js"></script>
 
<a href="http://сайт/uploads/my.flv" style="display: block; width: 425px; height: 300px;" id="player"></a>
 
<script type="text/javascript">flowplayer("player", "http://сайт/flowplayer/flowplayer-3.2.7.swf");</script>
[/html]

Вам следует заменить все адреса на свои, а также выставить для видео правильный размер. В данном примере он равен 425х300px.

После сохранения вы должны увидеть работающее видео.

twitter.com facebook.com vkontakte.ru mail.ru liveinternet.ru livejournal.ru memori.ru google.com yandex.ru