RigWEB

Добавление видео на блог

Приветствую! Вчера я опубликовал запись про АП Яндекс выдачи, в которой вставил видео файл. Как вставить видео на блог? Сегодня хочу рассказать как это можно сделать ;-).

Добавить видео на блог

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

Подключение видео на блог с помощью плагина

Самым подходящим для поставленных целей считаю плагин Video Embedder. С его помощью можно подключить видео с самых распространенных видео-хостингов, таких как Youtube, Google Video и многих других (всего в списке 22 пункта), а также загружать свои собственные видео-файлы. Рассмотрим на примере, как подключить видео с Youtube.

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

https://www.youtube.com/watch?v=sOFS249yERE

то что выделено красным это и есть идентификатор, копируем его…

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

1
[youtube] ID видео, в нашем примере sOFS249yERE [/youtube]

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

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

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

Подключение видео на WordPress вручную

Разместить видео файл на своем блоге можно и без использования плагинов, добавляя код ролика на страницы вручную. Опять же разберем пример на примере ютуба. Находим на сайте youtube.com понравившийся ролик и под ним нажимаем на кнопочку «Встроить»:

Встраивание видео с youtube

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

Есть еще одно НО: при ручном подключении видео страница не проходит проверку на валидность HTML кода… Проблему можно решить, применив небольшую хитрость… ;-) если интересно, могу поделиться.

Для примера я вставлю очередное видео:

  1. Александр

    Отличный плагин, сам им пользуюсь, очень удобно и понятно :smile:

    Ответить

  2. Webliberty

    Я тоже перед этим несколько пробовал, но все они не подходили — то слишком наворочены, а толку мало, то простенькие и с малыми возможностями. Video Embedder, на мой взгляд, самый лучший :?:

    Ответить

  3. ahawks

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

    Ответить

  4. Арина

    Пора делать карту твоего блога для людей, а то долго искала эту статью. У меня почему-то через вставку просто кода, видео исчезает или видно не всем.
    Два дня уже мучаюсь на новом блоге. Сейчас попробовала через плагин. Посмотрю, что люди скажут. ;-)

    Ответить

  5. Webliberty

    Арина, про карту все забываю… А через вставку кода в режиме HTML делаете? После переключения в визуальный режим иногда пропадает видео, кстати при таком переходе любой код может пропасть. Поэтому тут лучше после вставки кода сразу же сохранять запись и не переключаться в визуальный режим. :shock: У Вас новый блог?

    Ответить

  6. Борис

    Спасибо большое!! Действительно очень помогла информация!!))
    Недавно только блог создал, все мучился с размещением видео, искал долго, ничего не получалось. А тут прочитал попробовал и сразу получилось)) благодарю за информацию))

    Ответить

  7. Webliberty

    Борис, пожалуйста! Когда я только завел свой блог тоже никак не получалось вставить видео, а оказывается все очень просто ;-)

    Ответить

  8. Juliya

    Поделитесь, пожалуйста, как вручную вставить код, чтобы страница проходила валидацию.

    Ответить

  9. Webliberty

    Juliya, на самом деле все очень просто :smile: Приведу пример на коде для видео, которое вставлено на текущей странице. По умолчанию YouTube предлагает добавить такой код на страницу для встраивания видео:

    1
    
    <iframe width="560" height="315" src="https://www.youtube.com/embed/vIT6Kfdu9qo" frameborder="0" allowfullscreen></iframe>

    и ошибку вызывает атрибут allowfullscreen. Удаляем этот атрибут из кода и готово, страница проходит проверку на валидность, а функционал плеера не страдает, все работает как надо!

    Ответить

  10. Juliya

    Webliberty, спасибо большое! А можно еще один вопрос? Какой лучше вставлять код: iframe или object (старый код встраивания)?

    Ответить

  11. Webliberty

    Juliya, я использую iframe — код занимает меньший объем, да и шагать нужно наряду с современными тенденциями ;-)

    Ответить

  12. Владимир

    Пару недель назад была необходимость вставки видео, соответственно полез смотреть плагины, на одном из форумов шло обсуждение плагина Video Embedderпрочитал,говорилось о «дырах» в коде. Что думаете по этому поводу?

    Ответить

  13. Webliberty

    Владимир, да плагин старый, последняя версия от 2009 года, возможно есть проблемы с безопасностью. Рекомендую напрямую вставлять видео, без использования плагинов, рекомендую пользоваться вторым предложенным способом!

    Ответить

  14. Pavel

    У меня не выравнивается видео по центру :sad: В чем может быть проблема?

    Ответить

  15. Webliberty

    Pavel, чтобы выровнять подключаемое видео на блоге по центру необходимо код вставить в теги:

    1
    
    <p style="text-align: center;">код видео</p>

    Ответить

  16. Анастасия

    Ух ты! Спасибо за “allowfullscreen”! А можно ли без плагинов вставить видео в комментарии? У меня есть ответ на вопрос читателя в видео, но я не могу его вставить((

    Ответить

  17. Webliberty

    Анастасия, я вставлял точно таким же способом, все работает. Хотя встречаются такие темы Вордпресс, которые вырезают весь HTML код в комментариях.

    Ответить

  18. Анастасия

    Webliberty — просто огромадное спасибо за такой скорый ответ! Я попробовала еще раз… Все получилось :) Оказывается, когда я вставляю код видео в комментарий, то в панели его не видно, но на сайте видео отбражается. Спасибо еще раз!

    Ответить

Ваш комментарий:

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