嵌入的 YouTube 视频导致滥用队列无法使用

天哪,我这周可真是不断遇到这类问题,对吧?

我们网站上的 审核队列 被一个嵌入的 YouTube 视频的大规模渲染问题卡住了。目前我在已完全更新的 Chromebook 上使用 Chrome 浏览器查看;在 Windows 10 的 Chrome 上也已确认;在 Windows 的 Firefox 上同样确认。

以下是 该帖子 的实际内容:

https://youtu.be/OTk6m3U54po

该帖子本身的截图(目前仍被隐藏,因为我无法清除标记):

以下是我在队列中看到的截图(至少涉及两种主题,这张是在默认主题下截取的):

由于显示问题,这至少还遮挡了滥用队列中的另一篇帖子。它看起来像是一篇等待审批的帖子,但由于 YouTube 截图严重渲染错误,我无法处理这两篇帖子。我会尝试进入另一篇帖子进行审批,但会保留这个有问题的标记,供您审查。

编辑:是的,我成功让另一篇帖子通过了。不确定这是否与此相关,还是另一个独立问题,但在审批队列中的帖子后,通知计数被清除,刷新后显示为空。几分钟后,有问题的帖子又出现了。行为有些奇怪,但长远来看不是什么大问题。

5 个赞

没错,我可以确认我遇到过这个问题。(后来不再出现,因为我的 YouTube 单盒预览功能失效了)但这在最新版本上发生过,而且在三四天前所谓的最新版本上也发生过。

2 个赞

已能复现此问题。一个临时的解决方法是在 YouTube 链接外加上方括号,从而禁用视频预览。这样你就可以重新进入审核队列处理该标记。不过,如果你希望保留该帖子,并在处理完标记后移除方括号,再次打开“审核队列历史”时,视频将会重新覆盖整个审核队列界面。

1 个赞

在检查“编辑历史”时也会发生类似的情况:



1 个赞

这个问题可以通过 CSS 轻松修复,既可以通过 F12 在本地修改,也可以通过后台的“自定义”功能进行设置。

https://github.com/discourse/discourse/blob/master/plugins/lazy-yt/assets/stylesheets/lazyYT.css 中的这段 CSS 似乎是罪魁祸首。

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

在审核队列和编辑历史页面中,本应限制尺寸的 onebox div 缺少了 lazyYT-container 类,导致在这些情况下 100% 的含义发生了变化。

2 个赞

此条款在审查队列的 lazyYT-container 中被移除:

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

编辑:nojs 视图中的格式也已损坏。

编辑:已提交包含 @ClawdiaWolf 指出的修复内容的 PR。

7 个赞

可能是相关的问题,但我注意到升级到 2.5.0.beta4 后,帖子中嵌入的 YouTube 视频不再包含我可以用来使视频响应式的 lazyYT 容器。

我之前使用的是以下 CSS:

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

现在这段 CSS 不起作用了。

如果这个问题与此相关,请告知我。

1 个赞

虚惊一场,这与此无关。

我发现原因是带有列表参数(?list=)的 YouTube 链接导致 lazyYT 容器无法显示。我只是编辑了该成员帖子中的链接。

示例:这个 视频链接 可以正常工作,但 这个视频链接(同一视频)却不会创建 YT 容器。

是的,我们已知悉此问题,并将尽快解决。您可以在以下链接跟踪进度:

5 个赞