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

Добрый день, у меня возникла следующая задача:
Перед проигрывателем видео с ютуба вставить еще непосредственно title данного видео.
Видео вставляется автоматически с помощью средств самого WordPress. Я перерыла весь код class-oembed.php и остальное, но так и не нашла то место, где формируется строка, которая выводит сам проигрыватель.
Прошу помощи.

  • Вопрос задан более трёх лет назад
  • 5187 просмотров

2 комментария

Оценить 2 комментария

А уточните что именно на выходе должно быть (картинку или схему)

Уточняю. Видео с ютуба вставляется просто строкой-ссылкой на ролик, без всяких шорткодов. Все остальное WP делает сам
Вот описание: codex.wordpress.org/Embeds
В результате ссылка вида
http://www.youtube.com/watch?v=[UniqNum]
преобразуется в строку:

И эта строка хранится в базе данных WP.
Хочется перед этой строкой добавить title этого видео — вот так, например:

Название ролика

Он выдирается тем же oembed по идее (http://oembed.com/), только никак не соображу как он парсится в class-oembed.php и там же из него iframe получается.

Решения вопроса 2

Не совсем понял что за тайтл, но может этот фильтр поможет: «embed_oembed_html». Находится в /wp-includes/class-wp-embed.php
Вставляете видео посредством шорткода «»?

Ответ написан более трёх лет назад
Нравится 1 3 комментария
Вставляете код

function edit_embed_out($html) < $html = ‘

Moview title

‘ . $html; return $html; > add_filter(’embed_oembed_html’, ‘edit_embed_out’);

в function.php. Получиться результат

Moview title

Огромное спасибо, жаль не могу голосовать 🙂
Я все сделала, правда, некрасиво — через API запрос к ютубу. Куда что дописывать/изменять в файле класса, чтобы получилось все красиво через oembed я так и не въехала. Попользуюсь пока костылями.

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

> где формируется строка, которая выводит сам проигрыватель.

Вот как я бы решил вашу проблему с помощью плагина:

%s
%s’, esc_html( $data->title ), $result ); return $result; >

Учтите, что данные полученные через oEmbed кэшируются в мета-данные поста, так что вам нужно будет обновить все старые записи, чтобы увидеть на них результат.

Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ответы на вопрос 1

MindMinimal

Front-end Developer, веб-разработчик

Можете почитть goo.gl/cgX78h (Можно разобраться с АПИ ютуба)
А в целом я б искал тогда в сторону плагинов. Или можете свой написать.

Ответ написан более трёх лет назад

Еще по теме:  Ютуб видео самый красивый гол

Переписывать функцию, которая нативно работает в WP как-то не хочется, но вот «доработать» под нужды очень заманчиво, тем более, что поддерживаются не только ютуб-видео, но и другие форматы, и в них title тоже не помешал бы.
Дело в том, что пользователи массово вставляют видео с ютуба, а потом невозможно им же самим отследить, было это видео уже вставлено до них или нет. я уже молчу про индексирование страниц.

Ваш ответ на вопрос

Войдите, чтобы написать ответ

youtube

  • YouTube

Как выводят топ?

  • 1 подписчик
  • 10 сент.
  • 43 просмотра

windows

  • Windows
  • +4 ещё

Как настроить захват видео в ShareX?

  • 1 подписчик
  • 06 сент.
  • 55 просмотров

Источник: qna.habr.com

Как встроить видео rutube в wordpress

rutube в wordpress

С помощью EmbedPress вы можете встраивать видео RuTube в WordPress, используя только URL. Встраивание RuTube возможно, но его непросто осуществить обычными методами. EmbedPress – это совсем другое. С EmbedPress вам не придется возиться с кодом для встраивания. Все, что вам нужно – это URL-адрес видео RuTube.

Пошаговая инструкция Rutube для wordpress

Встроить видео RuTube на ваш сайт WordPress с помощью плагина EmbedPress и без использования плагина c 4 шага.

Установите плагин EmbedPress

EmbedPress – это очень полезный плагин, который расширяет и улучшает возможности WordPress. Установите EmbedPress, и ваш сайт WordPress станет намного мощнее. Найти его можно на WordPress.org или через репозиторий в админке

Настройка аккаунта RuTube

✔ Войдите/зарегистрируйтесь на своем аккаунте RuTube. Это необязательно, можно встраивать и чужие видео.
✔ Просмотрите видео, которые вы хотите вставить на свой сайт WordPress.
✔ На странице воспроизведения видео скопируйте URL-адрес из адресной строки.
✔ Этот URL будет использоваться в дальнейшем для встраивания.

rutube вставить в wordpress

Встраивание видео RuTube и публикация

Теперь у вас есть URL RuTube, и вы можете добавить его в WordPress.
Зайдите на свой сайт WordPress.
Редактируйте запись или страницу.
Добавьте URL-адрес видео RuTube в область контента, включив вкладку “Визуальный” или найдите блок EmbedPress в редакторе гутенберг.
Вы увидите фиолетовый фон с сообщением “Loading your embed …”.
Ваш URL будет автоматически преобразован во вставку вашего видео на RuTube:

EmbedPress в гутенберг

Взять код вставки для встраивания видео с Rutube без плагина

На странице с видео найдите кнопку поделиться. Нажмите и выберите: Код вставки плеера и плейлиста

Как встроить видео rutube в wordpress

Настройка кода

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

Настройки вставки плеера

Скопируйте код вставки

Наведите курсор на код и выделенный фрагмент скопируйте.

Скопировать код вставки плеера

Вставьте код в редактор wordpres

Редактор wordpress

Откройте классический редактор WordPress и перейдите в редактирование HT

Вставьте код и перейдите обратно в визуальный редактор. Видео отобразится в редакторе и на сайте.

Источник: greatech.ru

Как вставить видео на сайт с YouTube, Вконтакте, Rutube, и т. д.

Всем привет! Сегодня я вам расскажу, как можно вставить понравившиеся вам видеоролики на свой сайт, будь то это обычный форум или целый движок как WordPress, с разных сервисов, таких как: YouTube, Вконтакте, Одноклассники, Rutube, Видео mail.

Еще по теме:  Завис стрим на Ютубе что делать

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

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

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

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

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

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

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

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

Как вставить видео с YouTube на сайт на html, форум, WordPress

Способ 1. Тут все просто, заходите на YouTube http://www.youtube.com/, находите понравившийся вам ролик, который вы хотели бы поставить на сайт.

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

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

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

Еще по теме:  Как накрутить подписчиков на ютубе бесплатно и быстро

Способ 2. Как и в предыдущем примере находим понравившееся видео и под ним нажимаем на «поделиться» «html-код».

Тут рекомендую поставить галочку возле «использовать старый код вставки», так как если этого не сделать, то код будет иметь вставку во фрейме, который не всегда корректно работает.

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

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

код видео

Способ 3. Если у вас не получается найти нужный вам ролик, то можете просто пройти процедуру регистрации на YouTube или Google, авторизоваться и загрузить свое собственное видео.

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

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

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

Тут надо будет сначала зарегистрироваться Вконтакте http://vk.com/, чтобы у вас появилась возможность заходить в эту социальную сеть и смотреть ролики.

После того как зарегистрируетесь, найдите нужное вам видео, справа нажмите на «экспорт видеозаписи» и скопируйте код себе на сайт.

Как вставить видео с других сервисов: Одноклассники, Rutube, Видео mail?

Регистрируемся в Одноклассники http://odnoklassniki.ru/, находим нужный ролик, и вверху копируем адрес видео, вставляем на сайт.

Заходим на Rutube http://rutube.ru/, находим нужный ролик. Тут, кстати, надо будет нажать не на само видео, а на его заголовок (название).

Выйдет видео, тут внизу нажмете на специальный символ, чтобы получить код. Если нажмете еще на «настроить параметры плеера», то попадете в расширенные настройки видеоролика.

Заходим на Видео mail http://my.mail.ru/list/svsad/video/, находим нужный ролик и справа нажимаем на специальный символ, чтобы получить код, вот и все.

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

На Rutube можно загружать ролики только до 300мб, в Яндекс видео до 1г (1000мб), так что когда захотите закачать свое собственное видео, хорошо сравните эти сервисы между собой. Я лично пользуюсь только YouTube и иногда Яндекс видео.

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

Источник: firstprize.ru

Рейтинг
( Пока оценок нет )
Загрузка ...