БлогWordpressКак вставить видео на сайт на примере WordPress блога

Как вставить видео на сайт на примере WordPress блога

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

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

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

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

Сложнее дело обстоит, если вы хотите добавить видео с какого-нибудь видеохостинга, например Youtube, Rutube и т.п. Часто бывает, что при переходе из визуального редактора в html редактор, код с видео просто пропадает. Это ужасно злит.

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

Например, вы захотели запостить у себя на блоге видео с Youtube, как Джигурда танцует на Красной площади  🙂 . Для этого на странице с видео нужно нажать на кнопку Поделиться и далее на Сгенерировать HTML-код.

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

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

Вставка видео в запись

Затем переходим на наш блог, на страницу редактирования записи, и вставляем полученный код в нужное место, НО вставлять код нужно ТОЛЬКО В HTML РЕЖИМЕ редактора, иначе вместо видео в статье выведется этот код. Перейдите во вкладку HTML и вставьте код в нужное место, затем сохраните статью.

Вставка видео в запись

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

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

Установка плагина ничем не отличается от установки других плагинов.

  • Скачиваем архив с плагином
  • Заливаем его на хостинг в папку wp-content/plugins
  • В админке блога, в пункте Плагины, активируем плагин  Video Embedder.

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

video_id здесь, это идентификатор видео. В настройках плагина, внизу, есть справка, в которой показано, где взять video_id для каждого видеохостинга.

Справка плагина Video Embedder

Например, чтобы вставить все то же видео с Джигурдой с Youtube.com, необходимо на странице с видео, в адресной строке, скопировать все, что находится после знака «=», то есть B9cQ9gOSEIk — это и есть video_id

Вставка видео в запись

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

Вот что выведет этот код 🙂 :

Я не сторонник использования большого количества плагинов на сайте, но в данном случае считаю, что лучше поставить лишний плагин, чем тратить нервы из-за причуд редактора wordpress.

Вот и сейчас, пока писал эту статью, полчаса потратил на то, чтобы вставить квадратные скобки в запись (чтобы они отображались как квадратные скобки, а не выводили видео). В итоге плюнул и сделал их картинками 🙂

Понравилась статья? Подписывайтесь на мой RSS канал rss канал, следите за мной в Твиттере , или получайте статьи по почте:


23 отзыва к записи "Как вставить видео на сайт на примере WordPress блога"

  1. ильдар

    это очень актуальная проблема. для бабушек только))
    другое дело надо ли закрывать такие коды от индексации

    • Seostager
      не думаю, что только для бабушек 😉 а закрывать думаю не нужно
      • Андрей

        А вот тут бы я тоже поспорил. Думаю стоит закрывать от индексации. Зачем на блоге внешние открытые ссылки, которые видут на не тематический ресурс?

        • Вячеслав

          Андрей, я бы тоже поспорил! Если ссылка на хороший ссайт то это только плюс блогу!

  2. ильдар

    Александр и сделайте кнопку вверх, будет очень удобно, можно даже как вконтакте

    • Seostager
      может быть руки скоро дойдут, пока есть другие задачи
    • Андрей

      Согласен, кнопка не помешает!

  3. Сергей

    Кнопка «вверх» облегчаен навигацию по блогу, особенно если на нем объемные посты и много комментариев.

  4. Татьяна

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

  5. Влад

    Ребят, если кто не знает:
    на клавиатуре есть клавиша «Home», которая позволяет поднять веб-страницу в самый верх, а так же есть «Page Up» и «Page Down» — аналоги колесика на мышки.

    😉

    • Seostager
      некоторым легче мышкой тыкнуть, чем искать кнопку на клавиатуре 🙂
    • Котан

      Интересная информация, раньше не знал о функции кнопки Home 😀 Правда действительно не удобно нажимать на клавиатуре

  6. Alexandr

    Огромное спасибо.
    Кучу перекрыл форумов и блогов и везде чего-то не договаривают или предлагают не рабочий вариант.

    Очень благодарен. Всё с первого раза получилось.
    Спасибо!

  7. Анастасия

    Спасибо вам большое!!!! Наконец-то нормальная статья, написанная простым понятным языком, все четко, разумно, ничего лишнего. А главное — помогло! Огромное спасибо!

  8. mishuta 2012

    Если с самого ютуба код брать, то он вставляется как object и внутри нет ни одного ahref — откуда будет идти открытая ссылка и как тогда ее закрывать?

    • Lector

      Правильно, нет там никаких ссылок! Обыкновенный flash

  9. Вячеслав

    А я так и делаю! Значит я молодец!

  10. Виталий

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

  11. Юрий

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

  12. Евгений

    Добрый день, у меня возможно вопрос не в тему но всё же. Не подскажите как вставить видео с vk.com на свой блог?

    • Seostager
      Еагений, когда просматриваете видео вконтакте, там под ним есть кнопка поделиться. нажимаете ее, откроется списочек, и в нем выбираете «экспорт видеозаписи». далее в окошке копируете код видео и вставляете у себя на сайте
  13. Руфат

    Здравствуйте!
    Спасибо, очень полезная информация. подскажите пожалуйста как все видео на одноц странице разделить по папкам

Оставить свой отзыв

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:


  • Использую
  • По месяцам
  • GoGetLinks - лучшая биржа для продажи и покупки вечных ссылок.
  • Sape - заработок на временных ссылках. Лучшая биржа временных ссылок.
  • 2domains - очень дешевые домены для ваших сайтов. Надежный сервис - пользуюсь сам.
  • Linkfeed - еще одна хорошая биржа временных ссылок.
  • Liex - размещаем статьи - получаем деньги. Интересная тема.
  • Блогун - лучший сервис для размещения постовых и обзоров на блоге.
    • В твиттере
    • В инстаграме
    Система Orphus