Как вставить плеер с Rutube в WordPress?

WordPress Видео

1 ответ

Когда вставляю плеер Rutube на страницу на Wordpress

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

Вставлял разными способами, но самый стандартный через "код вставки плеера".

Дополнительно:

Пиши в вопросе как вставляешь.

Refguser, отредактировал вопрос.

SirAragorn, плохо получилось исправить. Куда, какой код, как? (Вот что бы можно было повторить все твои действия, скопипастить и проверить у себя)

Refguser, Странный вопрос, вы не знаете как код плеера вставляется в редакторе сайта? Обычный по умолчанию способ ни чего нового не придумывал. Код предоставлять не буду ибо это конфиденциальный ролик закрытой организации. А так любой ролик можно взять с Rutube для примера.

Режим "Текст" вставить код плеера, далее создать страницу и далее уже писал что выдаёт.

SirAragorn, ну раз тебе так надо, то ладно, я умываю руки.

И да, в ВП давно другой редактор (а на скрине вообще с плагином), а способов встать код - десятки. А мест, куда вставлять - сотни.

конфиденциальный ролик закрытой организации

А ролик не закрыт от "посторонних глаз" на рутубе?

Павел, пробовали открывать разницы нет.

SirAragorn, попробуй вставить любой ролик в рутубе (не свой)

Роман Страх, Пробовал, тоже самое

SirAragorn, пока не будет конкретики от тебя - какие плагины стоят, через что ты вставляешь (хотя бы скриншотом куда и какой код плеера ты вставил), тебе никто не сможет помочь. Стандартная вставка видео с rutube на стандартном WP работает идеально.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь

Лучший ответ

Редакция по БД Ответ

Rutube в WordPress обычно вставляется через iframe. Если он не отображается, проблема чаще всего в одном из трёх мест: WordPress вырезает iframe, тема/редактор ломает код, либо сам код вставки взят не из embed-раздела Rutube.

Самый простой способ — взять официальный код “Поделиться → Код для вставки” и вставить его в блок “Произвольный HTML”, не в обычный визуальный абзац.

&lt;iframe
  width="720"
  height="405"
  src="https://rutube.ru/play/embed/VIDEO_ID/"
  frameborder="0"
  allow="clipboard-write; autoplay"
  webkitAllowFullScreen
  mozallowfullscreen
  allowfullscreen&gt;
&lt;/iframe&gt;

Чтобы iframe был адаптивным, лучше обернуть его:

&lt;div class="video-embed"&gt;
  &lt;iframe src="https://rutube.ru/play/embed/VIDEO_ID/" allowfullscreen&gt;&lt;/iframe&gt;
&lt;/div&gt;

.video-embed {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}
 
.video-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video-embed { position: relative; width: 100%; aspect-ratio: 16 / 9; } .video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

Если код исчезает после сохранения, значит у пользователя нет права unfiltered_html или редактор/плагин безопасности чистит iframe. Для администраторов в обычном WordPress iframe обычно сохраняется, но мультисайт и некоторые security-плагины могут его вырезать.

Для удобства можно сделать shortcode:

add_shortcode('rutube', function ($atts) {
    $atts = shortcode_atts(['id' =&gt; ''], $atts);
    if (!$atts['id']) return '';
 
    return '&lt;div class="video-embed"&gt;&lt;iframe src="https://rutube.ru/play/embed/' .
        esc_attr($atts['id']) .
        '/" allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;';
});

add_shortcode('rutube', function ($atts) { $atts = shortcode_atts(['id' => ''], $atts); if (!$atts['id']) return ''; return '<div class="video-embed"><iframe src="https://rutube.ru/play/embed/' . esc_attr($atts['id']) . '/" allowfullscreen></iframe></div>'; });

Итог: используйте официальный embed URL, вставляйте через HTML-блок или shortcode и добавьте адаптивную обёртку. Если iframe пропадает, ищите фильтрацию HTML правами пользователя или security-плагином.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

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

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Telegram Как добиться, чтобы Telegram прислал мне именно смс код, а не через звонок его диктовал? 1 ответ

Как вставить плеер с Rutube в WordPress?

Дополнительно:

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

Вам также может быть интересно

Ежедневно, круглосуточно