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

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

Всем привет! Сегодня на Bakznak точка ру,будем встраивать видео ролики в статью нашего вэб-ресурса. Так как установить видео на сайт?

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

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

Сразу скажу вам сразу, что плеер в код темы мы вставлять не будем,потому что это сделать вам будет трудно,да и на современном этапе незачем. Хотя многие продвинутые блоггеры постоянно твердят о вреде большого количества плагинов,дескать нужно использовать HTML код. Вот мы и будем его использовать,только без внутреннего вмешательства.

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

Первый способ который я вам хочу предложить заключается во вставке html кода в статью. Заходим на сайт WWW.YOUTUBE.COM,находим нужный нам ролик,»кликаем» правой кнопкой мыши,вызываем меню, и ЛКМ(левой кнопкой мыши) копируем HTML код видео ролика.(картинка ниже)

Копируем HTML код ролика

И добавляем его в новую(или старую статью),как на рисунке. Главное сразу включить в текстовом редакторе опцию < Текст>,во избежании некорректного вывода html кода. На скриншоте галочкой отмечено правильное положение. Далее нажимаем Сохранить и идём по ходу Просмотреть запись,включаем просмотр и смотрим видео.

Добавили видео в заметку

Для того чтобы воспользоваться вторым способом необходимо, для движка wordpress, установить плагин Video Embedder. Кто-то скажет о… опять плагин,да уважаемые и ещё какой классный. Воспользовавшись его услугами вы сможете встраивать ролики с любого сервиса, ну может быть кроме социальных сетей.

Заходим в Консоль : Плагины,добавить новый и устанавливаем, в результате в Параметрах у вас появится вот такая запись(скриншот).

Консоль настройки плагинов

Нажимаем на кнопку с названием Video Embedder и переходим в меню настроек этого плагина. Здесь всё, что я вам говорил раньше,то есть формы встраивания видео роликов с различных сервисов. Плюс, в зависимости от ширины вашего шаблона можно менять размеры видео плеера-высоту и ширину.

Настройка плагина Video Embedder

Теперь разберёмся с методом вставки для этого вида. Здесь как и в первом случае «кликаем» по ролику правой кнопкой и копируем его ссылку на youtube. Затем как на картинке ниже(выделено красным) копируем часть ссылки которая находится после,или между знаками равенства.

Ссылка на видео ролик

И для ю тюб вставляем вот таким образом(скриншот):
Код вставки на ю тюб

Таким образом,мы с вами сегодня разобрали тему как установить видео на сайт,и для этого использовали html код ролика и его URL,то есть ссылку на него.

Всем пока ..пока и подписывайтесь на обновления блога впереди ещё много интересного.