Понедельник, 25.09.2017
Сайтостроение и заработок    

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

рисунок
Уже давно прошло то время, когда подсчет размера сайта шел буквально по килобайтам и нужно было продумывать размещение каждой картинки на сайте. Современные технологии и скорость интернета позволяют сегодня размещать не только картинки, но и видео. Но не все знают, как можно разместить видео на сайт и что для этого надо.
Существует два основных способа вставки видео на сайт. Первый – это использование специальных видео-хостингов, когда само видео и плеер для проигрывания находятся на сервере видеохостинга, а на сайт мы ставим код плеера с вашим видео. Во втором случае видеофайл находится непосредственно у вас на сайте вместе с проигрывателем. А если вы хотите вставить видео на сайт ucoz, то это вообще отдельный случай (об этом ниже). 

Первый способ размещения видео на сайт

Рассмотрим этот способ на примере использования сервиса RuTube. Для начала надо зарегистрироваться на RuTube. Здесь ничего сложного нет, так что останавливаться на этом не будем. После регистрации заходим в ваш аккаунт и в верхней части экрана жмем «Залить видео».
рисунок
Далее через кнопку «Обзор» указываем путь к видео на вашем компьютере и заполняем поля информацией про видео (название видео, категория, описание).
рисунок
После заполнения формы добавления видео, жмем кнопку «Загрузить» и ждем немного времени пока пройдет конвертация вашего видео в формат flv. В списке вашего видео появляется строчка с новым файлом, щелкаем на него и попадаем на страницу, где можно просмотреть ролик и где указан HTML-код плеера с данным видеороликом.
рисунок
Копируем код видео и вставляем его на страницу сайта в то место, где желаете его видеть. Ну все, как вставить видео на сайт с помощью сервиса RuTube мы разобрались. Аналогично вставляется видео и с YouTube.

Второй способ размещения видео на сайт

Как уже говорилось, во втором случае видеофайл и плеер для проигрывания видео на сайте будут находиться непосредственно на самом сайте. В этом есть и небольшой минус – видео будет занимать место, но есть и пару плюсов, например, более быстрая загрузка и отсутствие рекламы сервиса. Как и в первом случае, начать необходимо с регистрации, но уже в бесплатном сервисе UPpod. После регистрации делаем вот что:
• В корневой папке вашего сайта создаем три подпапки: video, styles, и player.
• С сайта UPpod по кнопке «Скачать плеер» в левом верхнем углу скачиваем архив с видеоплеером.
• Разархивируем его и копируем файл uppod.swf в нашу папку player. Характеристики и возможности плеера можно посмотреть тут.
• Далее в своем аккаунте на UPpod переходим на вкладку «Мой плеер» и жмем на «Видео».
рисунок

• Далее при желании мы можем настроить внешний вид проигрывателя. Для этого жмем «Стили» - «+», придумываем название стиля и жмем «Сохранить». Нас перекидывает в визуальный редактор плеера, делаем необходимые настройки и снова жмем «Сохранить». Затем возвращаемся на вкладку «Стили» и скачиваем файл со стилями.
рисунок

• Скачанный файл помещаем в папку styles на нашем сайте.
• В папку video на своем сайте закачиваем видеофайл.
• Возвращаемся в аккаунт на UPpod, переходим на вкладку «Файлы», жмем «+» (добавить), указываем название и адрес видео и жмем «Ok».
• И последний шаг вставки видео на сайт. На вкладке «Файла» жмем на нужное видео, далее «Код», копируем строчку «HTML с полной поддержкой IE» и вставляем к себе на страницу сайта.
рисунок

Должно получится примерно так:



Как вставить видеоролик на сайт ucoz

Для вставки видео на сайт ucoz конечно подойдут и основные способы, которые описаны выше, а можно сделать все намного проще. Для этого даже не надо регистрироваться ни на каких видео-хостингах и не надо закачивать на сайт видео плеер. Надо просто сделать вот что:
1. Найти видео на сервисе типа RuTube, YouTube или Video.mail.ru (не важно свое или чужое) и скопировать ссылку на него.
2. Далее на сайте юкоз на панели администратора жмем «Мультимедиа» - «Подключить видео (youTube)».
3. Далее в строчку «Адрес страницы или Flash файла» вставляем ссылку на видео, которую скопировали ранее.
4. Автоматически заполняются строчки «BB code» и «JavaScript code». BB code нам не нужен, его можно потом использовать для размещения видео на форуме. А нужен нам JavaScript code, копируем его.
5. Потом переходим в редактор страницы в режиме HTML и вставляем код туда, где бы вы хотели, чтобы было окно просмотра видео.
рисунок
Если не знаете как на сайте ucoz попасть на панель администратора или не знаете как перейти в редактор страниц в режиме HTML, то прочитайте тут.
Надеюсь, я доступно объяснила, как можно вставить видео на сайт. Если есть какие-то вопросы, задавайте в гостевой книге.
Заработок в сети
Создание сайта
Раскрутка сайта
Скачать бесплатно
Обои, иконки, картинки

Программы для Контакта

Офисные программы

Для видео и аудио

Графика и фото

CD, DVD, Blu-Ray

Вебмастеру

Софт для интернета

Браузеры

Софт для ПК

Антивирусы

Разные проги

Обучающие курсы
Поиск по сайту
Друзья сайта

Реклама






Copyright MyCorp © 2017
Бесплатный конструктор сайтов - uCoz