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

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

В данном посте я расскажу, как можно вставить в статью, или просто на блог аудио или видео плеер. Мы воспользуемся сервисом Uppod.

Сервис дает возможность создавать аудио и видео плеер на ваш вкус и цвет. Конструктор плееров экономит время — позволяет собрать индивидуальный плеер за короткое время без специальных знаний. Все файлы размещаются на вашем сайте, работа плеера никак не контролируется и не содержит рекламы ресурса.

Основные функции сервиса предоставляются бесплатно, по времени хранения ваших файлов ограничений нет.

Так же можно воспользоваться видео плеерами, которые предлагает сам сервис. Конечно, можно пользоваться видео хостингами (You Tube, Яндекс — видео и т.д.) и ничего не создавая брать HTML — коды и вставлять на сайт. Но, не будет лишним хранить наши видео и аудио файлы на нескольких сервисах. Так будет надежнее.

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

Заходим на сервис, проходим регистрацию.

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

Принимаем пользовательское соглашение и кликаем кнопку «Готово».

Теперь нам надо выделить место для хранения наших файлов на хостинге. Я расскажу на примере хостинга Джино, вы можете на своем, где у вас установлен ваш блог.

Заходите в корневую папку своего домена и создаете папку под любым названием, например Upood. Кстати, место, где будет расположена данная папка, может быть произвольным.

Теперь в папке Uppod создаем ещё 4 папки: video, styles, player, audio.

Возвращаемся на сервис и скачиваем файл плеера. Для этого кликаем на кнопку «Собрать плеер» и далее скачать.

Скачиваете плеер себе на компьютер, и помещаете его на хостинг в папку player.

Теперь можно выбрать видео плеер из предоставленных сервисом. Для этого заходим во вкладку приложения – скины.

Здесь сервис любезно нам предоставляет огромный выбор плееров.

Есть возможность просмотра плеера в работе. Выбрав вариант плеера, справа нажимаете на красную кнопку сохранить. Появляется над видео ещё кнопка «сохранить», кликаем по ней, и видим надпись «стили сохранены».

Переходим вкладка «Собрать плеер» — Видео – Стили.

Здесь видим тот стиль, который только что сохранили, кликаем на название и в появившейся строке — «Скачать». Файл скачивается к нам на компьютер, и загружаем его на хостинг в папку styles.

Переходим к следующему шагу. На хостинг в папку video загружаем наш видео файл. Убедитесь что название файла на латинице и поддерживаемый плеером Uppod формат.

На сервисе Uppod переходим вкладка «Собрать плеер» – конструктор – видео – файлы.

Кликаем на плюс и пишем название видео. Здесь можно писать русскими буквами. Далее указываете путь к видео файлу на хостинге.

Выглядеть это будет так: http:// ваш домен.ru/uppod/video/название файла.mp4

Ниже в выпадающем меню выбираете стиль, и ОК.

Теперь надо завершить последние настройки, это будет только один раз.

Переходим вкладка «Собрать плеер» – настройки.

И здесь указываем пути к папкам. Пишете свой домен и название ваших папок. Для примера вам поможет скриншот настроек у меня, только укажите свои данные. И кликаем — сохранить.

Чтобы установить видео на сайт, переходим Видео – файлы, кликаем по названию нужного файла и далее выбираем код.

Можно сначала сделать пред. просмотр. В коде берем первый html код, и переносите его на нужную вам страничку.

Так устанавливается видео, можно установить так же и аудио. Для этого создаем аудио плеер во вкладке аудио – стили. Нажав на плюс, вы попадете на настройки аудио плеера.

Здесь не так уж и сложно, я думаю, вы легко сами разберетесь. Справа пример. Как будет выглядеть ваш плеер, а слева все настройки. После создания нажимаем сохранить, скачать, и загружаем файл аудио плеера на хостинг в папку styles. Аудио файл загружаете в папку audio, и дальше по такому же принципу как видео, создаете файл на ресурсе Uppod, только во вкладке Аудио.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Оставьте мне собщение