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

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

Всем привет!
Это наш 20 урок и он по Вашим многочисленным просьбам посвящён тому, как вставить видео на сайт. Вы просите рассказать и как обычно ждёте от меня видео урок с лёгким способом добавления видео на Ваш сайт. Конечно, я не могла не откликнуться на Ваши просьбы и сегодня Вы узнаете как добавлять видео на свой сайт.
Я Вам покажу не один способ добавления видео на сайт, а несколько. Разберем самые распространённые варианты, от простых до самых простых, как говориться  «Долго ли умеючи»
Выбирайте !
1-вый способ: Вставить youtube видео на сайт

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

Но мы сегодня рассматриваем, как вставить видео к себе на сайт и по этому выбираем раздел 2.HTML-код.   В этом разделе можем 3. изменить размер видео, а затем нам остаётся 4. скопировать  HTML- код.

Вставить youtube видео на сайтВставить youtube видео на сайт

Далее идём к себе на сайт и вставляем видео в нужном нам месте. К примеру, на страницу к определенной статье . Для этого переходим в HTML редактирование и вставляем туда HTML-код, который мы скопировали на youtube .   Вот и всё!

Вот так просто мы вставили видео запись с видеохостинга.)

Аналогичным способом Вы сможете добавлять видео с сайтов:

http://www.youtube.com
https://vimeo.com
http://video.mail.ru
http://rutube.ru
http://www.myvi.ru
http://video.privet.ru
http://www.dailymotion.com (на этом сервисе Вы даже сможете отредактировать вид плеера)dailymotion
Пример видео плеера с видеохостинга
dailymotion.com


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

2-рой способ: плеер uppod
Это совершенно другой способ вставки видео. Здесь мы не используем видеохостинг. Ваше видео будет храниться на Вашем хостинге.

Нам понадобится плеер, который предоставляет сайт, он будет запускать Ваше видео.
На сервисе можно выбрать готовый плеер (в разделе Приложения скины) или сконструировать его по своим критериям.
Рассмотрим пошагово, как пользоваться сервисом uppod.ru :
1. Первым делом вам нужна зарегистрироваться на сервисе uppod.ru
uppod.ru

2. Скачать плеер в разделе Собрать плеер скачать.
Выберите первый плеер uppod.swf
После того, как плеер скачается Вам нужно будет закачать его в корневой каталог
Вашего сайта.

 

 

3. Идём к себе на хостинг в корневой каталог. Напоминаю, в папку public_html . И создаём там новую папку, к примеру, можете её назвать videoUppod. А в ней создаём ещё 3 папки :
player ( в эту папку закачиваем плеер который мы скачали на сайте Uppod).
styles (где будут храниться Ваши стили для видео плеера).
video ( в этой папке будут храниться Ваши видео).
Uppod4. Теперь нам надо собрать плеер. Настроить под свой сайт внешний вид плеера. Это будет называться стиль и поместим мы его в папку Styles .Uppod

 

 

После того, как Вы плеер собрали, Вам останется его сохранить и затем скачать. После чего закачать на свой хостинг в папку Styles.

Скины:
Официальное видео
сайта Uppod

Можно выбрать готовый вариант. В разделе ПРИЛОЖЕНИЕ СКИНЫ.

Uppod5.  Далее прописываем путь к Вашему файлу (ссылка на видео), который лежит у Вас в папке video.   В графе (название) пишем название своего видео, которое будет отображаться на плеере. Выбираем стиль и нажимаем кнопку ok
Проверьте, чтобы тот стиль, что Вы выбрали, был в папке styles  на Вашем хостинге. Не забудьте его туда закачать. Uppod

 

 

6. Теперь надо сделать настройки путей к Вашим папкам:  player , styles, pl, которые Вы создали у себя на хостинге. Путь к папе Pl пропишите, если Вы будете использовать плей листы. Если нет, можете ничего туда вообще не писать.

Создание видео:
Официальное видео
сайтаUppod

 

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

Смотрите в корневом каталоге в папке public_html. Я создала одну общую папку в которую поместила три другие папки. Для того чтобы всё, что нужно было к плееру, лежало вместе.
Поэтому путь к папке выглядит так:
Папка для стилей: http://vip-555.ru/videoUppod/styles/ ( Если для своих видео Вы создаёте разные плееры проследите, чтобы они все были в этой папке. Название стиля не пишется, Вы должны поменять в этой строке только ( vip-555.ru/videoUppod) доменное имя своего сайта и название своей общей папки. Конец у всех одинаково должен выглядеть styles/ . Если Вы не создавали общую папку, просто в корневом каталоге создали папку стили и папку плеер, тогда Вы должны написать так: http://vip-555.ru /styles/ разумеется только Ваш домен. Тоже самое и для двух других граф.
Папка для плей-листов: http://vip-555.ru/videoUppod/pl/
Ссылка на плеер: http://vip-555.ru/videoUppod/player/uppod.swf

Uppod7. Теперь нам нужно будет получить HTML код.  Для вставки в нужном нам месте страницы. Выберите первую строку HTML.

 

Установка плеера на веб страницу.
Официальное видео
сайтаUppod

Всё !
uppodЕдинственное не, расстраивайтесь, а проверьте правильно ли Вы прописали путь к Вашим видео и к Вашим папкам в настройках. Если показывает ошибку, значит вот точно где-то там накосячили. Либо стиль создали, но не закачали на хостинг .

Будут трудности, пишите обязательно, разберемся и проблему опишем, вдруг кто ещё запутался.

3-тий способ: Вставить видео на сайт с помощью плагина Shortcodes Ultimate

Шорткоды

Вставить видео на сайт с помощью плагина Shortcodes Ultimate.
Это самый простой вариант. И кстати я им и пользуюсь.
+ этого способа:
+ этого способа:
+Он похож на предыдущий, вот только не надо никаких дополнительных сервисов.
+ Не надо собирать плеер.
+ Всё, что Вам нужно, это установить плагин.
+ Видео воспроизводится моментально и в отличном качестве не так, как на видеохостингах, где Ваше видео уменьшат и подпортят после конвертации.

Не надо задумываться правильно ли прописан путь, закачивать в разные папки. Побережом память для чего ни будь по нужнее. И так  всё, что Вам понадобиться — это установить нужный плагин. Он называется «Шорткоды» Shortcodes Ultimate.

Этото плагин делает потрясающие вещи, такие как:
шардкоды1.
Плеер воспроизведения видео
2.Стильноя рамка изоброжения
3.Контейнер вкладок
4.Скрытый текст
5.Аккордеон
6.
Стильный заголовок

7. …..и ещё более 30 незаменимых шорткодов
ознакомиться со всеми шорткодами

Установка плагина:

Идём к себе на сайт в панель администрирования в раздел Плагины— Добавить новый в графе поиск пишем   Shortcodes Ultimate  нажимаем поиск плагинов  автор плагина Владимир Анохин,  рейтинг 5 звёзд. Этот плагин должен будет появиться первым, когда его найдёте, нажимаем Установить , Активировать. И всё, плагин установлен. Теперь мы можем им пользоваться в любой момент, когда пишем статьи.

 

Поделитесь в социальных сетях, расскажите друзьям! ))) если Вам понравилось у меня!!! Спасибо !!!

20  Видео урок. Как вставить видео на сайт

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