Встроенное видео YouTube сделало очередь нарушений непригодной для использования

Внести вклад Ошибка
1

Черт, я их нахожу на этой неделе, верно?

Очередь модерации обзоров на нашем сайте заблокирована из-за масштабной ошибки отображения встроенного видео с YouTube. Сейчас я просматриваю это на Chromebook с полностью обновлённым Chrome. Проблема подтверждена также на Windows 10 с Chrome, а также на Firefox под Windows.

Вот фактическое содержимое сообщения:

https://youtu.be/OTk6m3U54po

Скриншот самого сообщения (сейчас всё ещё скрыто, так как я не могу снять флаг):

image
image1105×580 71.5 KB

А вот скриншот того, что я вижу в очереди (проблема наблюдается как минимум в двух темах, этот снимок сделан в теме по умолчанию):

image
image1641×833 198 KB

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

Редактирование: Да, я смог пропустить другое сообщение. Не уверен, связано ли это с данной проблемой или это отдельный случай, но после одобрения сообщения в очереди счётчик уведомлений сбросился, и при обновлении ничего не отображалось. Проблемное сообщение вернулось через пару минут. Странное поведение, но в долгосрочной перспективе это не большая проблема.

5 лайков
2

Да, могу подтвердить, что у меня было именно так. (Потом перестало, потому что мои onebox перестали работать именно для YouTube.) Но это произошло в последней версии и в том, что считалось последней 3–4 дня назад.

2 лайка
3

Это удалось воспроизвести. Небольшое временное решение — отключить предпросмотр видео, добавив скобки вокруг ссылки на YouTube. Так вы снова сможете получить доступ к очереди модерации, чтобы обработать сигнал. Однако, если вы хотите сохранить пост и удалите скобки после обработки сигнала, при открытии истории очереди модерации видео снова перекроет весь интерфейс.

1 лайк
4

Аналогичная ситуация возникает и при проверке Истории изменений:

image
image2048×1536 279 KB

image
image2048×1536 281 KB

1 лайк
5

Это легко исправить с помощью CSS — либо локально через F12, либо через админку: Настройка.

6

Этот CSS-код из https://github.com/discourse/discourse/blob/master/plugins/lazy-yt/assets/stylesheets/lazyYT.css, по-видимому, является причиной проблемы.

.ytp-thumbnail-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

Отсутствует класс lazyYT-container у div-элемента onebox, который должен ограничивать размеры, на экранах очереди проверки и истории редактирования, что меняет смысл значения 100% для этих случаев.

2 лайка
7

Это правило удаляется из lazyYT-container в очереди модерации:

style="width: 480px; padding-bottom: 270px;"

Редактирование: Форматирование также нарушено в представлении nojs.

РЕДАКТИРОВАНИЕ: Отправлен PR с исправлением, которое указал @ClawdiaWolf.

7 лайков
9

Это может быть связано с проблемой, но я заметил, что после обновления до версии 2.5.0.beta4 встроенные видео YouTube в постах больше не имеют контейнера lazyYT, на который я мог бы ориентироваться, чтобы сделать мои видео адаптивными.

Раньше я использовал следующий CSS:

.lazyYT {
    height: 0 !important;
    width: 100% !important;
    padding-bottom: 56.25% !important;
}

Теперь этот CSS не работает.

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

1 лайк
10

Ложная тревога, это не связано.

Я выяснил, что причиной было то, что ссылка на YouTube со списком (?list=) препятствовала отображению контейнера lazyYT. Я просто отредактировал ссылку в сообщении участника.

Пример: эта ссылка на видео работает, однако эта ссылка на видео (то же видео) не создаёт контейнер YT.

11

Да, мы знаем об этой проблеме и решим её как можно скорее. Отслеживать прогресс можно здесь:

5 лайков