Как в вордпресс вставить видео с ютуба

Как вставить видео в WordPress?

05.02.2021

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

Существует два основных способа размещения информации:

• размещение ролика на стороннем ресурсе, например, Ютуб;
• размещение ролика непосредственно на хостинг провайдера.

Давайте узнаем, какой способ лучше.

Как вставить видео в WordPress через Ютуб?

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

Этот способ предпочтительнее. Не тратится место на хостинге, идут дополнительные переходы с Ютуб. Подгружать видео с YouTube можно вручную, а можно при помощи плагинов. Рекомендуем первый способ, здесь нет сложностей. Незачем сайт загружать дополнительными приложениями.

Алгоритм действий:

1. Загружаем ролик, либо находим любое видео с Ютуб.
2. Копируем урл записи.
3. После возвращаемся на сайт. Здесь добавляем запись или страницу.
4. Ссылку помещаем во вкладке «Текст».

Публикуем. Видео добавлено. Есть у этого способа и определенные недостатки. Вы не сможете изменить размер кадра.

Чтобы изменить размер видео с Ютуб есть более продвинутый способ размещения:

• открываете ролик;
• находите под ним кнопку «Поделиться»;
• выбираем «HTML-код».

Данные вставляется на сайт. Размеры видео меняется в width и heigh — высота.

Как добавить видео на WordPress?

Если нет желания заморачиваться с выкладкой роликов на видеохостинг, можно загрузить прямо с компьютера.

Это делается легко. Создаем новую страницу или запись, выбираем «Добавить видео». Выбираем нужный файл на компьютере, нажимаем кнопку «Открыть». Выбираем «Вставить медиафайл».

Здесь можно добавить и целый плейлист. Выбираем соответствующую опцию. Добавляем запись, обновляем информацию на странице.

Метод имеет ряд преимуществ:

• видео загружается быстрее;
• регулируются размеры видео;
• настраиваются дополнительные опции.

Регулировать настройки видео в ВП легко. Открываете вкладку «Визуально», выбираете изображение карандаша. После можно приступать к редактированию.

Редактор позволяет:

• настроить непрерывное проигрывание видео;
• включить автозапуск;
• поменять файл.

Есть у этого вида загрузки видео и недостатки:

1. Занимается место на хостинге.
2. Не получится выложить «тяжеловесные» файлы.
3. Не все форматы видео получится разместить на хостинге.

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

Однозначно отдать предпочтение одному способу нельзя. Загрузка с Ютуб выглядит чуть более предпочтительно, но у каждого метода есть плюсы и минусы.

Надеюсь, мы понятно объяснили, как добавить видео в WordPress. Остались вопросы? Задавайте в комментариях.

Понравилась статья? Расскажите о ней друзьям:

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

Лет 20 назад интернет представлял собой сплошной текст. Качество соединения было не таким высоким, и даже изображения иногда было трудно загрузить и отобразить в браузере. Сегодня же все обладают высокосортным интернетом и теперь даже любое видео можно легко смотреть онлайн, не дожидаясь его долгой загрузки.

Увеличение скорости интернета изменило сайты. В последний десяток лет мультимедийный контент стал преобладать над текстовым, и теперь аудитория охотнее переходит на страницы, где есть больше изображений и видео, ведь читать тексты никто не любит. Что любит аудитория, то любят и поисковики — алгоритмы поисковых систем преобразовались и теперь страницы с видео-контентом ранжируются лучше.

В этой статье мы расскажем о том, как вставить видео на сайт WordPress. Рассмотрим самые лучшие доступные способы, их достоинства и недостатки.

Добавление видео с загрузкой на сайт

Первый самый очевидный способ вставить видео на сайт WordPress — это загрузить его в медиафайлы и опубликовать на странице или записи. Метод хорош тем, что независим от внешних сервисов. Но есть недостатки:

• Во-первых, видео обычно занимают много места и его просто может не хватить на хостинге, если вы загрузите 5-10 продолжительных роликов.
• Во-вторых, если это видео будут смотреть несколько людей одновременно, нагрузка на хостинг возрастёт. Возможно, что настолько, что сайт работать временно перестанет.
• В-третьих, нет гарантии, что все браузеры и все устройства смогут такое видео воспроизвести.

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

Откройте редактор записей или страниц, и нажмите на кнопку с плюсом, чтобы найти нужный блок. Для добавления видео вам нужен блок, который так и называется — «Видео». Поместите его в нужном месте редактора.

В блоке нажмите на кнопку «Библиотека файлов» и в медиабиблиотеке выберите видео-файл, который хотите добавить. Если он ещё туда не загружен, то загрузите его.

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

Добавление видео из Youtube

В WordPress можно легко вставить почти любое видео из Youtube. В этом случае есть важные достоинства: ненужно загружать видео на свой хостинг; нет опасений, что видео где-то не будет отображаться, потому что Youtube загружает свой плеер, который работает в большинстве случаев. А главное достоинство — если вставлять таким образом видео со своего канала, то можно вместе с сайтом продвигать и свой канал на Youtube тоже, увеличивая просмотры.

Если же добавляете на сайт видео другого автора, из чужого канала, то появляется недостаток зависимости — если автор его удалит, то и у вас видео пропадёт.

Вставить видео из Youtube на сайт WordPress очень просто — достаточно скопировать ссылку на видео из адресной строки браузера и просто вставить её в нужном месте в редакторе.

Копируем из адресной строки ссылку.

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

Частый вопрос новичков — можно ли добавлять на свой сайт видео из чужого канала Youtube. Да, можно.

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

Но, конечно же, если вы публикуете на своём сайте видео из собственного канала Youtube, то вы получаете преимущество для канала — он будет продвигаться вместе с сайтом, аудитория сайта будет смотреть ваши видео. Поэтому рекомендуется начать вести канал Youtube параллельно с сайтом и публиковать на нём тематические видео, которые потом можно будет вставлять в статьи.

Влияние видео на продвижение сайта

Если видео добавлено в медиафайлы и нагружает при просмотре сайт до такой степени, что он не может быстро работать, то это негативно повлияет на продвижение, потому что скорость работы сайта важна для SEO. Это ещё один плюс в пользу использования Youtube для вставки видео в WordPress.

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

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 3.9 / 5. Количество оценок: 7

Оценок пока нет. Поставьте оценку первым.

Как на WP вставить видео с youtube, чтобы она загрузку страницы не убивала?

Добрый день, подскажите пожалуйста как вставить видео с youtube, чтобы закгрузка не упала на WP. Пробовал ставить проверенный вариант, но он не работает на WP. Или можно просто frame с youtube поставить ? Видео на сайте с youtube будет 1.
Пример который пробывал, ставил раньше работал, на WP чего-то не хочет, кидает ошибку.

function findVideos() < let videos = document.querySelectorAll('.service-video'); for (let i = 0; i < videos.length; i++) < setupVideo(videos[i]); >> function setupVideo(video) < let link = video.querySelector('.video__link'); let media = video.querySelector('.video__media'); let button = video.querySelector('.video__button'); let video.addEventListener('click', () =>< let iframe = createIframe(id); link.remove(); button.remove(); video.appendChild(iframe); >); link.removeAttribute('href'); video.classList.add('video--enabled'); > function parseMediaURL(media) < let regexp = /https:\/\/i\.ytimg\.com\/vi\/([a-zA-Z0-9_-]+)\/maxresdefault\.jpg/i; let url = media.src; let match = url.match(regexp); return match[1]; >function createIframe(id) < let iframe = document.createElement('iframe'); iframe.setAttribute('allowfullscreen', ''); iframe.setAttribute('allow', 'autoplay'); iframe.setAttribute('src', generateURL(id)); iframe.classList.add('video__media'); return iframe; >function generateURL(id) < let query = '?rel=0&showinfo=0&autoplay=1'; return 'https://www.youtube.com/embed/' + id + query; >findVideos();

• Вопрос задан более года назад
• 232 просмотра

6 комментариев

Простой 6 комментариев

Видео на WordPress сайте: полная информация

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

Зачем нужно видео на сайте?

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

Это плохо, однако есть сайты, которым без внедрения видео материалов не обойтись. Это обучающие сайты и сайты о кино. Согласитесь, приятно в поисках информации о новом фильме или съёмках «Аватара-2» или информации о новом Джеймс Бонде зайти на сайт о кино, например здесь, и посмотреть внедрённый трейлер нового фильма.

Так что вопрос – зачем нужно видео на сайте, снимаем.

Источники видео материалов и их вставка на сайт (ликбез)

Система WordPress без плагинов и пользовательских кодов позволяет вставить видео на сайт от любых источников.

Прежде всего давайте разберёмся с источниками видео. Не важно сняли вы видео самостоятельно или заимствовали в сети, источники видео материалов делим на два типа:

Во-первых, видео материал, как файл видео формата. Например, вы сняли видео и положили видео файл на компьютер. Система WordPress без проблем позволит загрузить в свою медиа библиотеку следующие форматы видео:

Во-вторых, видео размещённые на сторонних видео серверах (хранилищах), так называемый интернет формат видео FLV.

В целях безопасности разработчики WordPress создали белый список видео сервисов. Это:

• YouTube,
• RuTube,
• Vimeo,
• myvi.tv,
• Instagram,
• Dailymotion,
• WordPress.tv,
• Flickr,
• Tweeter,
• Imgur.

Загружать видео можно с любого другого сервиса, где вы сможете получить iframe код видео материала. Например, из Одноклассников или МойМир@mail.

Сразу поясню, что вставки видео из белого списка (возможно он не полный, так как «хвост» списка постоянно меняется) и вставка видео по iframe коду будут отличаться. Особенно в новом редакторе блоков.

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

Итак, все видео материалы я разделил на три типа:

1. Файл;
2. Объекты (это видео с сервисов из «белого списка»);
3. Видео по коду iframe.

Обратите внимание, что объекты можно внедрить на сайт и по коду iframe (если он есть).

Вставить видео на WordPress, как объект

Видео, взятые с сервисов из «белого списка» вставляются в статьи сайта по упрощённой схеме, а именно по URL видео, взятого на сервисе.

В классическом редакторе просто вставьте URL объекта в визуальном редакторе.

Редактор блоков (напомню, это Гутенберг), имеет для внедрения объекта блок под названием «Вставка» из группы блоков «Вставки». Или там же возьмите блок со значком сервиса из белого списка, например YouTube или Hulu.

Вы наверняка поняли, что вставить видео не входящее в «белый список» системы, как объект (по URL) НЕ получится. Здесь работает вставка по iframe.

Вставить видео на WordPress по коду iframe

Я не буду показывать, как забрать iframe код видео с сервиса, где оно размещено. Напомню что нужно найти кнопку «Поделиться». Важно, что у вас есть iframe код видео.

Чтобы вставить его в классическом редакторе, перейдите в текстовой режим и вставьте iframe код видео в нужное место материала.

В редакторе блоков, делаем то же самое, но через блок «Параграф». Переход в текстовой режим ищем на кнопке «Больше инструментов и возможностей».

Вставить видео как файл

Здесь масса недостатков и ограничений, исходящих не от WordPress.

Во-первых, многие хостинги ограничивают «вес» загружаемых через них фай лов. Посмотреть эти ограничения вы можете в консоли сайта на вкладке Медиафайлы>>>Добавить новый, под формой загрузки медиафайла. Видео файлы тяжёлые и могут не «влезть» на сайт через загрузчик.

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

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

Cначала в классическом редакторе (плагин «Classic Editor»).

• Нажимаем кнопку «Медиафайл»;
• Выбираем загрузку;
• Забираем видео файл с компьютера;
• Вставляем в статью.

В редакторе блоков всё несколько иначе:

• Выбираем блок под названием «Видео» из группы блоков «Основные блоки»;
• Выбираем загрузку;
• Забираем видео файл с компьютера;
• Вставляем в статью.

Видео в шапке сайта WordPress

Мода не даёт нам покоя. Новые тенденции создали моду вставлять видео в шапку сайта. Результат красивый, если не убить быструю загрузку сайта. Если в вашей теме нет возможности в настройках темы вставить видео в шапку, то сделать это можно иначе:

• Скачиваете стоковое видео к себе на компьютер;
• Сжимаете его, так чтобы не потерять качество, хотя оно мало нужно в шапке;
• Идите в каталог плагинов и по фразе «for background videos» выбираете себе подходящий плагин. Например, mb.YTPlayer for background videos.
• Используете плагин и видео у вас в шапке сайта.

Заключение

Констатирую, со временем вставлять видео на WordPress сайте становится всё проще.

Еще статьи

• 4 Лучших SEO плагина WordPress
• RSS лента WordPress: адрес ленты, как создать, где использовать
• Плагин показа виджетов Restrict Widgets на WordPress
• Виртуальный хостинг или VPS для WordPress WooCommerce
• Закрыть WordPress на техническое обслуживание
• Современные способы быстро перевести на нужный язык
• Как и где найти разработчика сайта

Похожие посты:

• Вставить видео с YouTube в WordPress
• How to start making money on YouTube
• DNS записи – NS, CNAME, TXT, A, AAAA
• 27 лучших плагина WordPress, которые вы должны использовать в этом году
• 4 Способа рассылка писем с WordPress
• WordPress 5.0: что ждать в новой версии системы
• 63 Приложения для обработки фото без потери качества: редакторы фотографий JPEG
• Отзывы на сайтах WordPress: как сделать отзывы на wordpress
• Вставляем произвольный код в посты и страницы WordPress