Вставка видео в описание группы

Поддержка
1

Сейчас вы можете встраивать видео с YouTube и Vimeo (и, возможно, с других платформ) в темы.

Было бы здорово, если бы я также мог встраивать ссылки на YouTube или Vimeo в описания групп (например, в раздел «О группе»). Похоже, что эта функция пока не реализована: если я размещаю ссылку на видео YouTube в разделе «О группе», она просто отображается как ссылка, а не встраивается.

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

2

Я тестировал это только на локальном сайте, но не вижу причин, почему это не должно работать на рабочем сайте. Вы можете добавить видео с YouTube в описание группы, используя код встраивания iframe YouTube. Для этого скопируйте атрибут src из iframe кода встраивания в настройку сайта Discourse «Разрешённые iframe». Затем скопируйте полный код iframe встраивания в форму «О группе».

Аналогичный подход должен работать и для видео с Vimeo.

3

Крутая идея. Спасибо. Попробую завтра. Я уже пробовал вставить код iframe напрямую, но не изменил настройки сайта, чтобы разрешить этот iframe.

4

Поскольку вы уже добавили код iframe, после того как вы добавите его src в настройку «Разрешенные iframe», возможно, потребуется очистить кэш, внеся небольшое изменение в раздел «О группе» и сохранив изменения.

5

Это работает для YouTube! Спасибо! Вы знаете, как сделать встраиваемый контент адаптивным?

Для информации другим: вот что я сделал:

  1. В настройках / разрешенные iframe добавьте https://www.youtube.com/embed/
  2. В описании группы добавьте код iframe напрямую (возможно, вам также придется внести еще одно изменение в текст и сохранить его для очистки кэша). Пример кода iframe:
    <iframe width="560" height="315" src="https://www.youtube.com/embed/CTsB-llTzyc" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Но: как сделать iframe адаптивным? Обычный совет — обернуть iframe в div и добавить ему класс, например «iframe-container», а затем добавить CSS так:

.iframe-container {
   overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.iframe-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

Я считаю, что этот CSS надежен, но по какой-то причине, когда я оборачиваю свой iframe в div в разделе «О группе» и задаю этому div класс, класс не сохраняется в отображаемом тексте. Поэтому, когда я смотрю в инспекторе, там просто показывается div без класса. Следовательно, CSS не применяется, и iframe не становится адаптивным. Есть какие-то идеи, как это исправить?