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

Как правильно вставить видео с YouTube в запись блога

Многие из нас нет-нет, да и вставляют видео с YouTube в записи блога. Кто-то чаще, кто-то реже, но тем не менее - вставляем.

И для этой цели WordPress нам прямо-таки распахивает свои возможности. Достаточно просто вставить в статью ссылку на видео и ву-а-ля! Видеоролик готов к просмотру вашими посетителями. Нет даже необходимости копировать с YouTube какой-либо код для встраивания. Здорово, правда?

Вот, например: Видео № 1

Казалось бы, это знают все и говорить тут больше не о чем.

Однако, не всё так просто на самом деле.

YouTube уводит наших посетителей

А вы не знали об этом? Вот как это происходит:

YouTube

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

Запустите просмотр первого видеоролика этой статьи (Видео № 1) хотя-бы на пару секунд и поймёте о чём я говорю.

Кто-то может сказать, мол, ерунда это всё, мои посетители не переключаются на YouTube... Что-ж, может быть, может быть...

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

Как вставлять видео с YouTube правильно

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

Да, можно конечно и так. Но можно всё сделать гораздо проще и быстрее. Для этого всего лишь установить маленький бесплатный плагин с громким названием - ARVE Advanced Responsive Video Embedder.

У плагина есть и платные функции, так сказать - версия Pro, но для решения той проблемы, о которой идёт речь, достаточно и бесплатного варианта.

Я его себе установил, активировал и больше ничего не делал! Хотя там есть множество настроек. Просто не было нужды в них разбираться, да и недосуг...

И как же теперь вставлять видео?

Да как вставляли, так и вставляйте. Размещайте ссылку на видео в статье и всё.

Видео № 2

Посмотрите видео № 2 и убедитесь, что возможность ухода на YouTube отсутствует. А значит ваш посетитель уже не покинет сайт.

Более того, во всех ранее вставленных таким образом видео ссылка на YouTube так-же исчезла. Если только вы не вставляли видео при помощи тега IFRAME.

В классическом редакторе появилась кнопка, но она требует ещё и плагин для шорткодов установить... Сомнительное удовольствие, если просто в запись вставляешь ссылку на видеоролик YouTube, то всё остальное делается автоматически. Наверное он больше будет востребован для платной версии ARVE.
Да, совсем забыл, это работает и для других видеохостингов. Вот видео с популярного Vimeo. Тоже  нет возможности перейти на хостинг, покинув ваш сайт.

Париж стоит мессы!

Помните эту крылатую фразу Генриха Наваррского? Чтобы получить французский престол, ему пришлось перейти из протестантства в католичество.

К чему я это?

Да к тому, что у многих необходимость установки ещё одного плагина вызывает негативную реакцию. Ну как-же - нагрузка на блог непомерная и всё такое...

Ну давайте посмотрим. Запустим наш любимый P3 и глянем, что за нагрузка создаётся плагином ARVE Advanced Responsive Video Embedder.

Плагин ARVE

Плагин ARVE

Как видите, рекомендуемый плагин достаточно лёгок, занимает только 5% от всех, а время загрузки - 0,02 секунды!

Париж стоит мессы!

Пару слов про платные возможности плагина

Особо не разбирался, не возникало пока такой необходимости. Но навскидку, при беглом просмотре описания, вроде там есть работа с тем самым iframe, а также показ видео в лайтбоксе, ну и, конечно-же, разные скины видеоплеера. Стоимость 34 евро. Думаю, для того, кто занимается видео предметно, этот плагин в платном варианте может представлять определённый интерес.

А можно без плагина?

Можно и без плагина. Только во-первых, прежние вставки останутся как есть. А во-вторых, немного больше мороки. Но для любителей покажу, как это делается.

<iframe src="https://www.youtube.com/embed/ID_VIDEO?iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;playsinline=1&amp;autoplay=0" name="" frameborder="0" scrolling="no" sandbox="allow-scripts allow-same-origin allow-presentation allow-popups" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></iframe>

Вот вместо ID_VIDEO вставляйте  реальный код видео с YouTube. Для нижеприведённого примера он, например, такой:

b7Mm2Y8-q7E

Скопировать его можно из адресной строки браузера:

YouTube

И вот, что получается:

Но лично я, хоть и сделал для пробы себе специальный шорткод, который просто обрамляет ID_VIDEO предшествующим и последующим кодами, всё-же решил не тратить своё время на лишнюю суету, а для вставки видео с YouTube просто использовать плагин.

Заключение

Да, я заранее согласен с теми, кто посчитает эту проблему (уход посетителей на YouTube) не критичной. А для многих - не актуальной. И, конечно-же, как владелец блога с мизерной посещаемостью, ни разу не претендую на миссию «гуру», о чём собственно, всегда и говорил.

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

Удачи вам.

Огни большого города https://obg.kz

Смотрите также

Смайлы в статьи WordPress

Свои смайлы в статьи WordPress

Содержание:1 Что не устраивает в стандартных способах2 Свои смайлы в статьи WordPress2.1 Файл index.php2.2 Файл …

Резервное копирование WordPress

Резервное копирование WordPress

Содержание:1 Резервное копирование WordPress - плагин BackWPup2 Резервное копирование WordPress - плагин XCloner2.1 Плагин XCloner2.2 …

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

  1. Быстро глянул и сразу вопрос, а можно это делать на обычном сайте без CMS просто на странице HTML?

  2. Спасибо, Александр! Хоть на моих сайтах и не так много видео, но и посещаемость не такая большая, чтобы не бороться за каждого человека. Потому плагин установлю. Жаль только, что раньше я вставляла все видео через iframe

    • С теми, что раньше вставлены через iframe ничего не случится – они так и останутся. Зато новые можно вставлять обычным способом, просто вставкой ссылки на ролик. Конечно, если плагин установлен…

      • Вот с эти обычным способом как раз проблема. Я вставляла через iframe. А как это обычным, я не поняла, я хотела просто код, как вы в статье говорите, но у меня видео пропало просто.

        • Елена, вот код Вашего видео (про апельсины).

          https://youtu.be/C5k3NfM5I5o

          Вот прямо в статье, нажимаете Enter (переход на новую строку), вставляете этот код и снова Enter (снова переход на новую строку).

          Другими словами, в строке кроме этого кода ничего не должно быть.

          Вот и всё. Просто попробуйте.

          • Спасибо, Саша! Вот ведь я же сначала так и делала, когда не умела код встраивать. И сейчас пыталась в код вписать.

      • Я это поняла. Имела в виду, что те, которые установлены через iframe (а таких большинство), так и будут уводить читателей на ютуб

        • Нина, в принципе-то можно и их поменять, вот например, код фрейма с Вашим видео про сушку апельсинов:

          <iframe src="https://www.youtube.com/embed/C5k3NfM5I5o?iv_load_policy=3&amp;modestbranding=1&amp;rel=0&amp;autohide=1&amp;playsinline=1&amp;autoplay=0" name="" frameborder="0" scrolling="no" sandbox="allow-scripts allow-same-origin allow-presentation allow-popups" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span></iframe>

          Первая часть кода Ваша, а от знака вопроса, я вставил свой из статьи. Можете посмотреть, как это будет выглядеть – скопируйте и вставьте в свой черновик какой-нибудь…

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

          • Вряд ли я этим буду заморачиваться, но все равно спасибо. Вдруг время на это появится. А плагин я сразу же поставила. Так что, спасибо вдвойне

        • Сорри, я показал код Елены, но принцип тот-же.

  3. Эхх Александр, где же вы раньше были??? =))) На своем блоге ставлю через плагин Simple YouTube Responsive там короткий хвостик ссылки вставляется в текст статьи. Попробовал ваш вариант, так у меня на блоге все видосы пропали=))) Так что оставлю так как есть…. а переделывать во всех статьях снова видео…это жесть будет=))

    • Ну да, там же только ID видео Вы вставляли, а не полный адрес. Переделывать всё, даже способом замены по базе данных при помощи специального плагина – то ещё удовольствие, хотя и возможно. Но если всё уже налажено и устраивает, то конечно-же менять не стоит.

  4. Александр, вот за что мне нравятся ваши статьи технического толка – всё понятно, наглядно и мотивированно! И отдельное спасибо за код для любителей (я очень редко вставляю видео на сайт, потому предпочту именно этот вариант, как заядлый маниак ). 

    • Светлана, на самом деле и в этом способе ничего сложного нет. Я имею в виду способ для маниаков… 

      Если будут затруднения – напишите, помогу разобраться…

      • Ага, когда знаешь, что и где написать – конечно, не сложно. Потому и поблагодарила отдельно за код – с такой вашей подсказкой-то вообще он сам почти вводиться в текст статьи будет! 😉

        Спасибо, Александр! 

  5. Саша, привет! Интересный способ вставки. Я этим правда не заморачивался, я про уход,  Зато теперь буду знать. Спасибо за то что поделился инфой.

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

  7. Спасибо Вам, Александр!

    воистину все гениальное просто:)

  8. Мне удобней с ютуба код видео брать и встраивать, тем более, что там можно не с начала сделать, а пропустить рекламу блогеров или лишнюю болтовню. Раньше плагином Smart Youtube PRO вставлял видеоролики.

    Александр, всё хотел спросить, как вы реализовали показ яндекс.карточек в тексте? Через ваш поиск на сайте ничего не нашел, да и в гугл тоже…

  9. У меня пока очень мало видео на сайте, но на будущее буду знать, что есть такой вариант отличный! Просто раньше как-то не задумывалась над очевидным: посетители кликабт на ссылку с ютуба и там зависают:)

  10. Странно, установила плагин, но ничего не изменилось, ссылка YouTube осталась.

    • Валентина, в Вы как вставляете видео? Копируете с YouTube код вставки IFRAME?

      • А, да, оказывается. cool А я и не читала никогда, какие там буквы-слова. А что ещё как-то иначе вставляют видео с YouTube на сайт? 

        • Ну Вы даёте… 

          Вот выше я для Елены давал пояснения… Этот способ вроде как с незапамятных времён в WordPress присутствует…

          Можно ещё установть дополнительный плагин, который нужен для ARVE… И тогда в редакторе по клику на кнопке Embed Video ARVE, будет открываться окно, куда просто код вставляете. Я пробовал этот дополнительный, хоть  и написано, что он не протестирован с версией WordPress – работает отлично. И он настолько мал, что я его в результатах P3 едва смог найти.

  11. Спасибо Александр за статью не знал, что такое возможно сделать, очень полезная информация.

  12. Интересная мысль. Спасибо! Будем аккуратнее с ютубом, что бы он не отвлекал наших посетителей 🙂

  13. Сашааааа!!! Огромущее тебе Спасибо за плагины! Висю у тебя с перерывами всю ночь.  Знаешь, некоторые ссылки в формате flv сами в статье преобразовались в такой вид

    https://www.youtube.com/embed/TUzCQS95z5Q

    Но не все. Почему-то. Я пока сходила чай попила, захожу на статью, чтобы вставить ссылку на видео (исправить точнее, потому что у меняяяя – все видюшки стонут на блоге в статьях), а у меня уже все готово. Я так и не поняла юмора, как плагин сам преобразовал. Попозже скачала шорткод плагин, вообще красотища!!!

    Спасибо тебе огромное!!! Удачи во всем!!!

    • Это тебе спасибо! Приятно, когда то, что ты пишешь кому-то приносит пользу!

      •  Взаимно Саша. Прочитала твой комментарий у Андрея по поводу ВП версия 5. И мне пришла идея: расскажи про редактор Gutenberg – сделай статью пожалуйста, пусть она даже будет коротенькая, опиши все его прелести и минусы. Для чайников….. Буду переводить свой домен на PHP 7.2, но предварительно все таки спишусь со службой поддержки МакХоста. А то опять начудюююю без баяна.

  14. Благодарю за Vimeo – не знал об этом да и за два способа вставки видео без возможности соскочить в Ютюб!

    Хотел сразу воспользоваться – поставил плагин, активировал и хана …

    Теперь на моём блоге активны только комментарии.

    Не могу ни изменить, что-либо на страницах, ни добавить новую.

    Конечно дело не в плагине, а в обновлении WordPress на крайнюю версию, которое, как обычно сделал накануне и после этого не проверил работоспособность блога.

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

    Деактивация плагина не помогла и вряд ли он причина сбоя …

    Александр, а у Вас такого не случалось и может подскажете, как выгрести из этой беды?

    • Витя! Приветствую!!! Как чуяла – не хотела обновляться до 5й версии. Теперь по любому буду ждать следующий выпуск ВП.

      ВИТЯ!!! Не смогла попасть на твой блог, вот что выдали: 

      Страница недоступна

      Сайт vermitechnologii.ru пока не может обработать этот запрос.

      HTTP ERROR 500

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

       

      • Судя по моему скромному опыту, то нужно удалить вот этот файл htaccess и все должно заработать  Где то даже статья есть про это, из старых, придется на днях восстановить.

        • Согласна по поводу htaccess.  НО: в разных темах этот файл прописывается по разному. Согласна, что существует общий стандарт, но там еще доработок и дописок нужно….

          И к каждой теме помимо всего есть куча многого и разного, когда пропишешь, а сайт улетел. Я почему с такой уверенностью говорю: я сменила до этой темы 17 тем, эта тема  у меня 18я и я с нее не уйду.

          Когда Володя мне реанимировал блог – извлек вирусов, многое переписал в основном htaccess и еще второй htaccess есть – от всех "умных". Вот так.

        • нужно удалить вот этот файл htaccess и все должно заработать

          Тоже, кстати, вариант…

      • Привет, Надя! 

        Это тот Вовк что с Александрой – из Чернигова?

        • Привет Витя! Да, они самые, которые создали шаблоны разные. В поисковую забей: блог Владимира и Александры Вовк. Напиши им в обратную связь и расскажи как все случилось, они тебе поправят. Ребята очень ответственные. Или Сашу Каратаева попроси, он тоже профессионал, только он работает и у него тоже дел хватает.

    • Виктор, я с таким не сталкивался. Но не думаю, что плагин тут виной. Это всего лишь плагин. Видимо какой-то сбой базы данных произошел…

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

      • Да, Александр, копии на хостинге есть – уже помогают и прислали три письма с рекомендациями.

        Кстати, мы как-то говорили с Вами о "вечном" – так вот уже частично перенёс одну статью на бесплатник, который завёл ещё 10 лет назад. 

        Буду благодарен за тестовый комментарий на декабрьской страничке 

        • Виктор, комментарий там оставил. Но вот честно… Странное решение – уйти на бесплатный хостинг.

          Нет, Вам конечно виднее, может просто я чего не понимаю.

           

          • Александр, спасибо за комментарий, плагин и код!

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

            Можете оценить по трём одинаковым роликам как они смотрятся с кодом, с плагином и без них.

            Благодаря техподдержке восстановил функционирование блога на платном хостинге.

            Пришлось вернулся на «WordPress» 4 версии и обновить РНР до7,2.

            К сожалению, в связи с этим пропал Ваш комментарий на первой страничке.

            Бросать платный блог не собираюсь.

            Однако прошёл, как говорят в авиации – первый предупредительный звонок, а яйца советуют хранить в разных корзинах.

            Поэтому давно собираюсь дублировать здесь материал и буду делать это избирательно – только по вермикультивированию.

            Даже если по каким-либо причинам пропадёт блог на платнике –

            полезная информация сохранится на бесплатниках.

            Как это уже произошло с моим первым сайтом, http://dulvictor.narod.ru/index.html

            Где мастерская остановилась ещё в 2013 году, а трафик всё равно идёт.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Я принимаю политику конфиденциальности сайта и пользовательское соглашение