Как вставить видео на сайт
Все, кто начинает создавать свои сайты и блоги, рано или поздно сталкиваются с вопросом: как вставить видео на сайт, на страницу или в статью на блоге, и каким способом лучше это сделать. Самый распространенный способ — использовать один из множества видеосервисов: Яндекс Видео, YouTube, Vimeo и так далее. Конечно, такой способ самый простой. Он легок, доступен, файлы видео не занимают место на Вашем хостинге, потому что хранятся на этих видеосервисах.
Но, как это часто бывает, именно преимущества становятся недостатками. Видео хранятся не у Вас, значит, Вы зависите от качества работы этих видеосервисов. Кроме того, Вы можете эти видео и потерять, если с видеосервисом что-то случится. Надежнее все-таки, наверное, хранить видео в одном месте, рядом с сайтами и блогами, то есть на хостинге. Кроме того, видео, которое хранится у Вас на хостинге, будет в любом случае меньше тормозить при просмотре хотя бы потому, что к Вам вряд ли в ближайшее время будут заходить десятки и сотни тысяч человек ежедневно.
Давайте научимся хранить свои видеофайлы на хостинге, там, где Вы держите свои сайты. И использовать для этого Вы будете замечательный сервис .
У Вас при этом появляются еще и дополнительные возможности: Вы можете настроить как угодно внешний вид плеера, можете создавать свои плейлисты и делать многое другое.
Видео, вставленное на сайт или страничку с помощью видеосервиса Uppod, не содержит никаких ссылок на сторонние сервисы, и даже не содержит никаких сторонних записей. Плеер от Uppod абсолютно автономный, и его работа никак не зависит от работы сервиса.
Немаловажно также и то, что плеер Uppod поддерживает множество форматов видео, в том числе один из самых распространенных форматов: mp4.
Итак, что Вы должны сделать, чтобы вставить видео на сайт и показывать его посетителям с помощью установленного на хостинге плеера Uppod.
Сначала Вам нужно зарегистрироваться на видеосервисе Uppod. Заходите по адресу и нажимаете на кнопку Регистрация. Дальше еще проще: придумываете логин и проверяете, свободен он или нет, пишете e-mail, придумываете пароль и повторяете его. Потом нажимаете на кнопку Готово. При последующих входах Вы будете нажимать на кнопку Войти, вводить свой логин и пароль и попадать на сервис под своим именем.
На хостинге, на котором Вы хотите вставить видео на сайт, например, на хостинге Джино, Вам нужно будет выделить место, где Вы будете хранить Ваши видео. Место хранения может быть достаточно произвольным. К примеру, можно создать в корневой папке своего домена папку VideoUppod специально для этой цели. В этой папке нужно разместить еще три папки: video, styles и player. Можете при этом использовать программу Total Commander.- Потом скачиваете файл плеера uppod.swf с сайта Uppod, нажав на ссылку Скачать плеер. Распаковываете скачанный архив, берете файл плеера, и закачиваете в папку player на своем хостинге.
- Выбираете внешний вид плеера, нажав на пункт меню Скины. Готовые стили плееров можно посмотреть, нажав на любое видео из предложенных. Стилей огромное количество, выбираете из них понравившееся, и нажимаете Сохранить. После этого нажимаете Собрать — Плеер — Видео — Стили и в стилях увидите свой стиль, который Вы только что сохраняли. Выделяете его и выбираете пункт меню Скачать. Закачиваете файл на компьютер. Потом закачиваете в папку styles на хостинге сохраненный на компьютере файл.
И, напоследок, в папку video на хостинге закачиваете свой видеофайл. Только проверьте, чтобы формат Вашего видео соответствовал тому, который поддерживается плеером Uppod. Посмотреть список форматов Вы можете по этой ссылке.- После этого на видеосервисе Uppod Вы выбираете Собрать -Видео — Файлы, нажимаете на «+» , пишете название для Вашей записи, ссылку на Ваш ролик, а также выбираете стиль и нажимаете ОК.
- Потом Вы проверяете, правильно ли Вы все сделали. Нажимаете на видеосервисе Uppod на пункт меню Настройки, и в окошках указываете путь к плееру, и к папке со стилями. Окошко для плейлистов заполнять не нужно, так как плейлисты Вы не создавали. Нажимаете на кнопку Сохранить.
Чтобы забрать код, переходите в Плеер — Видео — Файлы, выбираете свой видеофайл, потом выбираете Код и копируете себе html код, который Вам нужно будет потом поставить на страницу сайта, там, где Вы хотите видеть свой ролик.
Как вставить видео на сайт, используя видеосервис Uppod
Вот так легко и просто это делается. В дальнейшем Вам достаточно будет закачивать на хостинг только видеофайлы. Плеер и стили у Вас на хостинге уже будут, и можно их использовать для новых видеороликов.
Также на видеосервисе Uppod можно создавать собственные стили. Для этого нужно зайти в Плеер — Видео — Стили, создать новый стиль и в этом стиле выбрать опцию Редактирование.
Давайте будем дружить! Сетями!
Понравилась статья? Узнали что-то новое? Буду рад, если нажмете:


Будем пробовать. Спасибо!
Александр, нужный урок, спасибо! А то все только о том, как видео с Ютуб вставить пишут, еще и плагин для этого используют.
Когда-то надо было вставить видео на одностраничник, чтобы оно не уводило ни на какой сторонний ресурс. Ох и намучился с непривычки. Сейчас уже и не вспомню, как я его вставил. Поэтому этот урок сохраню в закладки. По любому пригодится и в следующий раз сделаю все быстро.
Интересный материал. Я видео на сайты еще не загонял, а тут такая подробная инструкция как это сделать. Обязательно воспользуюсь видеосервисом Uppod.
Спасибо, Александр. Очень нужный урок. У меня уже назревает потребность в создании обучающих видеоуроков. А еще иногда появляется желание опубликовать игровые сказочные фильмы, снятые моей внучкой Таней. Она и сценарист, и оператор, и монтажер, и одна их актеров в своих фильмах. Вчера ей 15 лет исполнилось.
Видео на сайте очень хорошо смотрится. Заставляет гостей задерживаться, привлекает посетителей. Спасибо, что обучаете.
Спасибо, Александр. Пригодится ваш совет!
Долго искал эту информацию. Описано хорошо — буду пробовать реализовать Ваши рекомендации. Спасибо за статью!
Отличный сайт у Вас!Только тихонько поскиглила о том как вставить видио, а тут ...есть и конкретно...Может Вы подскажете и как вебинар сделать (есть необходимость на работе...)
Как много узнала нового! Даже не подозревала о таком замечательном видео сервисе! Что ж будем пользоваться его возможностями!!!
Спасибо за информацию, обязательно опробую и этот сервис. Но здесь существует такая же проблема, как и на других сервисах — это вставка HTML кода видео в статью. Если вставить код и сразу же опубликовать статью, то никаких проблем не возникает, а если что-либо добавить или переключить с визуального редактора на редактор HTML, сразу же ломается код и видео не работает. Подскажите, пожалуйста, в каком редакторе и как Вы вставляете код видео в статью, чтобы он не поломался и можно было продолжать вводить текст статьи далее и переключать редакторы визуальный и HTML.
Надежда, в редакторе консоли вставляю код видео, и все нормально переключается и редактируется. Если у Вас редактор ломает код, сохраните его в блокноте, и вставляйте при корректировке заново.
Эта проблема не только у меня, если почитать форумы, она у многих. Но я сейчас так и делаю — вставляю код видео непосредственно перед нажатием кнопки «опубликовать» и больше ничего со статьей не делаю. Спасибо за ответ!
Отличная информация. Обязательно воспользуюсь видеосервисом Uppod.
Возможность хранить файлы видео у себя на хостинге, используя сервис Uppod, очень интересна и имеет право на жизнь.Вариант,когда распоряжаешься своими файлами и вставляешь их напрямую на сайт,минуя сторонние сервисы,без сомнения, нужно использовать.Большое спасибо, Александр, за подробную инструкцию.
Заглянула
Александр, большое спасибо за статью.
Я, как и многие, вставляю видео через видеосервисы ( через код). Но понимал, что это не выход из положения. Но и хостинг не хотел грузить, закачивая видеофайлы в «Паблик Аштимель».
Вы подсказали решение. Спасибо, буду пробовать.
Александр,большое спасибо за статью,у меня программа видиогет при вствке в нее адрес страницы,видеоролика,который хочу перенести с ютуба выдает ошибку,с чем это может быть связано,никак не пойму.
Александр, спасибо. У меня как раз возник вопрос, где хранить видео? Вашим советом ,думаю,воспользоваться. Спасибо!
Именно поэтому мои сайты на американском хостинге с неограниченным местом на сервере. Спасибо за подсказку про сервис.
Очень не очевидная возможность! Спасибо за информацию.Обязательно воспользуюсь, когда создам побольше видео.
Спасибо,Александр. Моя подруга уже воспользовалась вашим советом, когда я скинула ей ссылку.
Огромное спасибо за такую подробную рекомендацию. Надеюсь пригодиться-сделала закладку на Ваш сайт-)
Замечательный видеосервис Uppod! Век живи, век учись! Спасибо!
Хорошее дело — Твиттер. Зашла на Ваш сайт по ретвиту Константина. Он плохого не порекомендует. У меня на сайте много видео и всегда интересовали новые возможности вставить видео на сайт. Сейчас я использую плагин WP-lightpop (подробная инструкция по установке у Константина на сайте есть). Плагин нравится, но как Вы точно отметили в статье «Видео хранятся не у Вас, значит, Вы зависите от качества работы этих видеосервисов. Кроме того, Вы можете эти видео и потерять, если с видеосервисом что-то случится.» Это уже было с несколькими видео и мне пришлось их удалять с сайта и переделывать статью, а это не совсем удобно. Спасибо Вам большое за очень полезную статью, сделала закладку. Буду пользоваться.
Здорово!!! Обязательно попробую, спасибо!
Спасибо за урок! Возьму в закладку!
Хорошая статья,обязательно попробую.
Уважаемый Александр! Что бы мы без Вас делали? Ваше точное, методичное и последовательное изложение материала на фоне ваших личный глубоких знаний позволяет понять и освоить любую, даже самую сложную тему! Я думаю, что не только я, а уже тысячи людей, в т.ч. «Академиков» Вам благодарны и признательны! А про видео я теперь, уж точно, никогда не забуду. Ваш голос стал не только знакомым, но и уже родным! Спасибо преогромное!
Разместила уже два видеоурока на своём сайте благодаря Uppod и Вашей замечательной статье и видеоуроку, в которых так подробно всё представленно. Спасибо, Александр!
Отличная инфа. Только что ознакомился и сразу сделал. Все до предела просто. Беру на вооружение и выражаю благодарность автору данного проекта.
Оставить комментарий
ВКУС БИЗНЕСА В ИНТЕРНЕТЕ >>>>>
Выберите рубрику
Последние статьи
Самое популярное
Что у нас
часто ищут
Компьютерная Азбука
Система Бизнеса
Создание Рассылки
Реклама Яндекс Директ
ОБМЕННЫЙ ПУНКТ от PRO444.RU >>>
ВНИМАНИЕ! БИЗНЕС И ДОХОД! >>>>
БЕСПЛАТНЫЕ КУРСЫ >>>>
Последние комментарии
Самое комментируемое
Самое популярное
или от Чайника к Профи за 21 день