Warning: Creating default object from empty value in /home/users/t/tolok/domains/tvoidengi.biz/wp-content/plugins/ap3-installer/ap3-installer-core.php on line 58
Три способа вставить видео себе на сайт. | tvoidengi.biz

Три способа вставить видео себе на сайт.

видео 1В последнее время добавление видео на сайт стало очень актуальным. На каждом третьем сайте в сети присутствуют видеоматериалы.

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

Так как же вставить видео на сайт?

Вставить видео на сайт можно  разными способами, я бы хотел остановиться на трех из них:

СПОСОБ 1: Использовать сервис RuTube

Чтобы использовать данный сервис, необходимо сначала там зарегистрироваться. Для этого пройдите по ссылке http://rutube.ru/register.html и введите все необходимые данные.

После успешной регистрации, пройдите по ссылке “Залить видео” в верхней части экрана:

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

Рис 1. Как залить видео на Rutube

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

процесс добавления видеоролика

Рис 2. Форма добавления видео на Rutube

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

Рис 3. Забираем код плеера на Rutube

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

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

Как вставить видео на сайт с помощью сервиса RuTube мы разобрались.

СПОСОБ 2: Использовать сервис YouTube

Первым делом необходимо зарегистрироваться. Здесь иногда возникают проблемы. Если у Вас при попытке зарегистрироваться выдает ошибку мол “Извините. На основании информации, которую вы нам предоставили, вы не можете зарегистрироваться на YouTube.com” то возможны следующие пути решения:

  1. При регистрации возраст указывайте более 18 лет, говорят мол у них там ограничения какие-то.
  2. Если не помогло, то попробуйте зарегистрироваться используя другой браузер. Я, например, не смог зарегистрироваться через браузер Opera, а используя Internet Explorer зарегистрировался без проблем.

После успешной регистрации, переходим по ссылке Добавить Видео, в правом верхнем углу :

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

Рис 4. Добавляем видео на YouTube

Появляется форма, где используя кнопку Обзор можно загрузить видео со своего компьютера, размер которого не должен превышать 1 Гб:

Рис 5. Форма добавления на YouTube

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

Теперь в верхней части экрана, нажимаем на свой ник(логин под которым Вы зарегистрировались), выбираем “Мое Видео”, затем жмем на уменьшенное изображение видео, и на открывшейся странице в правом верхнем углу копируем HTML код плеера, который затем вставляем к себе на сайт:

добавление видео на сайт

Рис 6. Забираем код плеера с YouTube

Вот как выглядит плеер от сервиса Youtube .

Думаю как вставить видео на сайт используя YouTube тоже понятно. Размеры плеера аналогично как и в первом способе задаются атрибутами height и width .

СПОСОБ 3: Используя сервис uppod.ru

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

Плеер сделанный данным способом не содержит намеков на то, что это чей то плеер(в предыдущих способах в плеерах видно что это мол Rutube или Youtube) . И еще, обратите внимание, что после окончания проигрывания видео в предыдущих двух способах, внутри плеера появляются предложения посмотреть другие видео на этих сайтах, т.е. возможна ситуация, когда ваш посетитель заинтересовавшись уйдет на этот самый YouTube или RuTube. И наконец, такой плеер будет меньше тормозить,т.к. видео грузится с Вашего сайта.

О возможностях данного плеера можете почитать здесь , или же посмотреть видео здесь . Вот что нужно сделать для установки этого плеера:

Как обычно, все начинается с регистрации. После нее делаем следующее:

  1. Создаем в корне вашего сайта(там где лежит главная страница) три папки: video, styles, и player .
  2. Скачиваем файл плеера, нажав по ссылке ” Скачать плеер” в левом верхнем углу.
  3. Распаковываем скачанный архив, берем оттуда файл плеера uppod.swf и закачивем в папку player на нашем сайте.
  4. После этого, зайдя в свой аккаунт, переходим в верхнем меню на вкладку “Мой Плеер” и Нажимаем “Видео” .
как вставить видео на сайт с помощью uppod.ru

Рис 7. Вкладка “Мой плеер” – “Видео”

  1. Появится меню из трех пунктов Стили, Файлы и Плейлисты. Для начала нажимаем на Стили а потом на + (добавить) . Появится форма. в которую нужно ввести название стиля и нажать кнопку сохранить. Дальше появляется сам визуальный редактор, в котором мы и делаем необходимые настройки. После создания собственного стиля, жмем на кнопку сохранить, вновь переходим на вкладку “Мой плеер” – “Видео” – “Стили” выбираем наш стиль и скачиваем его.
как добавить видео на сайт

Рис 8. Скачивание стиля плеера

  1. Теперь скачанный файл стиля нужно закачать к нам на сайт, в папку styles.
  2. В папку video у нас на сайте, нужно закачать наш видеофайл, у меня это файл prikol.flv .
  3. Теперь переходим во вкладку Файлы, нажимаем на + и добавляем свой файл, указывая название, ссылку и стиль, в моем случае это выглядит так:
добавление файла в плеер uppod

Рис 9. Добавление файла для проигрывания

  1. Теперь необходимо проверить правильность путей. Для этого перейдите по ссылке “Настройка путей” в левом верхнем углу. Для моего случая пути прописаны так, у Вас конечно вместо zvirec.com будет что-то другое:)
Правильные пути для добавлени видео на сайт

Рис 10. Настройка путей

В данном случае, мы не используем плейлисты и поэтому не создавали папку pl

  1. Ну и наконец чтобы забрать код, переходим в подменю “Файл” нажимаем на наш видеофайл, в данном случае “прикол”, затем выбираем “Код” и копируем HTML код с полной поддержкой IE . Данный код вставляем на страницу сайта, где мы хотим видеть данный плеер.

Рис 11. Забираем код плеера с UPPOD.RU

Вот как выглядит данный плеер:

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

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

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

Источник:  www.zvirec.com

Ну что же, до новой встречи! И не забудьте о комментариях :)

Наиболее популярные материалы

3 комментария на “Три способа вставить видео себе на сайт.”

  • Спасибо, статья очень помогла :smile: !
    Я пытаюсь сделать сайт, но знаний маловато, не знала как уменьшить размер плеера, благодаря Вашей статье всё получилось. Ура :!:

  • Я очень рад, что смог Вам в этом помочь ;-)

  • Iren:

    Скажите пожалуйста, почему когда я вставила код плеера с UPPOD.RU, у меня просто белая страница и курсором только определяется место плеера. Но его самого не видно? Буду очень благодарна за ответ.

Оставить комментарий

Я не робот.

ПОДПИШИСЬ, ЭТО ВКУСНО

Впишите Ваш e-mail:

Доставляется FeedBurner

ВЫГОДНОЕ ПРЕДЛОЖЕНИЕ

СОЗДАЙ БИЗНЕС В ИНТЕРНЕТЕ

- 100 Ггб. Хостинга и Домены в любой зоне!
- Три совершенно различных Конструктора Сайтов (100 шаблонов)!
- Авторассыльщик по e-mail на 100.000 подписчиков!
- Видео-Студия по созданию собственных Роликов!
- Автоматический Респондер для рассылки в программе Skype!
- Классная 6-ти Уровневая Партнёрская Программа с 10 Видами Дохода!
- СИСТЕМА ОБУЧЕНИЯ В ВИДЕО-ФОРМАТЕ!!!

ПОИСК ДЕШЁВЫХ ЦЕН !!!

Выиграй себе машину!

КОНТЕКСТНАЯ РЕКЛАМА от А до Я!!!

8,5 часовой видеокурс
научит Вас, как делать её в Яндексе
Gogle Advords и Рамблере...

Кликайте здесь

От «чайника» до пользователя-эксперта — всего за 25 часов!

Лучшее от Info-DVD!!!
основа твоего бизнеса

Все еще нет своего инфо-продукта?

Бесплатный видеокурс
из 9 уроков наглядно покажет, как сделать
его легко и быстро...

Забирайте тут

позиция в рейтинге BestPersons.ru
фото

Добрый день, друзья! Меня зовут Юрий и я рад приветствовать Вас на своём авторском блоге! Здесь, Вы всегда найдёте самые лучшие программы и сервисы, существующие в Рунете:)

СУПЕР-КУРС по SEO!

Получи сегодня!

заработай с нами!
Агентство Особых Поручений
$10 000 за 21 день!
КАК ВЕСТИ БЛОГ!!!
всё о WordPress!

БЕСПЛАТНЫЙ КУРС ПО РАБОТЕ С БЛОГОМ!

 

WordPress: инструкция по применению

 

Жми здесь --->